Questo post presuppone che tu voglia aggiungere funzionalit\u00e0 a Gravity Forms per inviare una richiesta di post remota dopo ogni invio del modulo. All’interno del post remoto invierai i valori dal modulo, che sono personalizzabili con impostazioni aggiuntive nell’editor del modulo. Esempi comuni di dove ci\u00f2 sarebbe utile sono l’invio, ad esempio, di nome ed e-mail a un elenco di newsletter di Mailchimp o qualsiasi altra integrazione di terze parti.<\/p>\n
Il modo per risolvere questo problema in pratica \u00e8 prima aggiungere impostazioni personalizzate a ciascun campo, in cui l’editor pu\u00f2 digitare i nomi delle chiavi. La chiave e i relativi valori inviati verranno inviati a un URL di terze parti dopo ogni invio del modulo. Aggiungeremo anche un’impostazione in modo che tu possa scegliere per ogni modulo di attivare questo tipo di invio di terze parti.<\/p>\n
Tutto il codice seguente pu\u00f2 essere inserito nel codice del tuo tema Il primo passaggio consiste nell’aggiungere l’input ai campi nell’editor dei campi in cui \u00e8 possibile digitare il nome della chiave per questo valore. Includeremo e invieremo solo i valori in cui questo input \u00e8 stato compilato.<\/p>\n Gravity Forms offre hook che possiamo utilizzare per aggiungere elementi personalizzati nell’editor di campo. Il nome dell’hook dipende dalla scheda in cui vuoi che appaia il tuo campo.<\/p>\n In ogni hook avrai due parametri; posizione e ID modulo. Ogni impostazione Gravity Forms incorporata ha un numero di posizione fisso. Puoi confrontare questo numero per decidere esattamente dove vuoi che sia il tuo codice HTML personalizzato o input. Elencare tutte le impostazioni e la loro posizione sarebbe troppo lungo in questo post. Ma Gravity Forms aggiunge le loro impostazioni con incrementi di 5. Ad esempio, nella scheda Generale, "Etichetta campo" \u00e8 in posizione 0 e "Descrizione" \u00e8 in posizione 10. Mettere il tuo HTML in posizione 10 lo far\u00e0 apparire dopo Descrizione. Non confrontare la posizione con un numero che non sia un moltiplicatore di 5.<\/p>\n Sto aggiungendo il mio campo personalizzato nella scheda Avanzate, nella posizione 50, che si trova subito dopo l’immissione di "Etichetta campo amministratore".<\/p>\n La maggior parte del codice sopra \u00e8 autoesplicativo. Sto aggiungendo HTML nello stesso formato di Gravity Forms si aspetterebbe che ci sia un’impostazione. Tuttavia, sull’input stesso \u00e8 necessario fornire una Puoi fare un’altra cosa opzionale con il tuo input; aggiungi un suggerimento. Se lo desideri, aggiungi questa chiamata di funzione all’interno del codice che hai appena aggiunto e fornisci una chiave (unica) come stringa:<\/p>\n Quindi aggiungi un’altra funzione che si aggancia al filtro L’aggiunta di una descrizione comando \u00e8 completamente facoltativa, ma \u00e8 un bel modo per spiegare ai proprietari del sito cosa fa questo input. Modifica il contenuto in base alle tue funzionalit\u00e0.<\/p>\n Potresti notare che il tuo campo non viene visualizzato in nessuna scheda Avanzate. Questo perch\u00e9 dobbiamo dire a Gravity Forms in quali tipi di campo vogliamo che appaia questo input. Di default non apparir\u00e0 in nessuno.<\/p>\n Il modo in cui lo facciamo \u00e8 in realt\u00e0 con Javascript. GravityForms ha Javascript che nasconde automaticamente tutte le impostazioni e quindi sceglie di visualizzare quelle specifiche in base al tipo di campo. Quindi il nostro campo \u00e8 l\u00ec, ma Gravity Forms lo ha semplicemente nascosto.<\/p>\n Ci colleghiamo Sto aggiungendo l’input ai tipi di campo functions.php<\/code>o del plugin.<\/p>\nAggiunta di un input personalizzato ai campi<\/h2>\n
Scegliere dove posizionare il tuo input<\/h3>\n
\n
gform_field_standard_settings<\/code><\/li>\ngform_field_appearance_settings<\/code><\/li>\ngform_field_advanced_settings<\/code><\/li>\n<\/ul>\nadd_action('gform_field_advanced_settings', function($position, $form_id) {\n if ($position == 50) { \/\/ right after Admin Field Label\n ?>\n <li class=\"thirdparty_input_setting field_setting\">\n <label for=\"field_admin_label\">\n <?php _e('Third party input field', 'txtdomain'); ?>\n <\/label>\n <input type=\"text\" id=\"field_thirdparty_input\" onchange=\"SetFieldProperty('thirdPartyInput', this.value);\" class=\"fieldwidth-3\" \/>\n <\/li>\n <?php\n } \n}, 10, 2);<\/code><\/pre>\nonchange<\/code>funzione Javascript. Gli diciamo semplicemente di eseguire la funzione di GravityForms per salvare le modifiche apportate al nostro input. La propriet\u00e0 che forniamo in SetFieldProperty<\/code>, thirdPartyInput<\/code>, \u00e8 importante da ricordare, all’interno di questa chiave \u00e8 dove il nostro input personalizzato verr\u00e0 salvato nell’array dei campi di Gravity Forms durante l’invio.<\/p>\nAggiunta di una descrizione comando (opzionale)<\/h3>\n
...\n <label for=\"field_admin_label\">\n <?php _e('Third party input field', 'txtdomain'); ?>\n <?php gform_tooltip('form_field_thirdparty_input'); ?>\n <\/label>\n ...<\/code><\/pre>\ngform_tooltips<\/code>e aggiungi il contenuto della descrizione comando alla chiave corrispondente, in questo modo:<\/p>\nadd_filter('gform_tooltips', function($tooltips) {\n $tooltips['form_field_thirdparty_input'] = __('<h6>Third party input<\/h6>If you want to submit this field to third party, type in key name here. Remember to activate form submission to third party in form settings.', 'txtdomain');\n return $tooltips;\n});<\/code><\/pre>\nDefinire quali tipi di campo aggiungere il tuo input personalizzato<\/h3>\n
gform_editor_js<\/code>e dobbiamo fare due cose. Per prima cosa decidiamo in quali tipi di campo deve apparire l’input. E in secondo luogo ci assicuriamo che l’input venga popolato con il suo valore al caricamento.<\/p>\ntext<\/code>, textarea<\/code>, email<\/code>, phone<\/code>e number<\/code>. Ricorda di considerare come gestirai i valori dei campi inviati. Se scegli di consentire questo campo, ad esempio sul tipo di campo casella di controllo, devi essere in grado di analizzare e gestire correttamente i valori inviati.<\/p>\nadd_action('gform_editor_js', function() {\n ?>\n <script type=\"text\/javascript\">\n \/\/ Add our setting to these field types\n fieldSettings.text += ', .thirdparty_input_setting';\n fieldSettings.textarea += ', .thirdparty_input_setting';\n fieldSettings.email += ', .thirdparty_input_setting';\n fieldSettings.phone += ', .thirdparty_input_setting';\n fieldSettings.number += ', .thirdparty_input_setting';\n\u00a0\n \/\/ Make sure our field gets populated with its saved value\n jQuery(document).on(\"gform_load_field_settings\", function(event, field, form) {\n jQuery(\"#field_thirdparty_input\").val(field[\"thirdPartyInput\"]);\n });\n <\/script>\n <?php\n});<\/code><\/pre>\n
![\"Moduli](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151326-61e4ca26275b1.png\")
<\/a><\/p>\n