Esta postagem pressup\u00f5e que voc\u00ea deseja adicionar funcionalidade ao Gravity Forms para enviar uma solicita\u00e7\u00e3o de postagem remota ap\u00f3s cada envio de formul\u00e1rio. Dentro da postagem remota, voc\u00ea enviar\u00e1 valores do formul\u00e1rio, que s\u00e3o personaliz\u00e1veis \u200b\u200bpor configura\u00e7\u00f5es adicionais no editor de formul\u00e1rios. Exemplos comuns de onde isso seria \u00fatil s\u00e3o enviar, por exemplo, nome e e-mail para uma lista de newsletter do Mailchimp, ou realmente qualquer outra integra\u00e7\u00e3o de terceiros.<\/p>\n
A maneira de resolver isso na pr\u00e1tica \u00e9 primeiro adicionar configura\u00e7\u00f5es personalizadas a cada campo, onde o editor pode digitar os nomes das chaves. A chave e seus valores enviados ser\u00e3o enviados para um URL de terceiros ap\u00f3s cada envio de formul\u00e1rio. Tamb\u00e9m adicionaremos uma configura\u00e7\u00e3o para que voc\u00ea possa escolher para cada formul\u00e1rio ativar esse tipo de envio de terceiros.<\/p>\n
Todo o c\u00f3digo abaixo pode ser colocado no c\u00f3digo do seu tema A primeira etapa \u00e9 adicionar a entrada aos campos no editor de campo onde voc\u00ea pode digitar o nome da chave para esse valor. Somente incluiremos e enviaremos valores onde essa entrada foi preenchida.<\/p>\n Gravity Forms oferece ganchos que podemos usar para adicionar coisas personalizadas no editor de campo. O nome do gancho depende de qual guia voc\u00ea deseja que seu campo apare\u00e7a.<\/p>\n Em cada gancho voc\u00ea ter\u00e1 dois par\u00e2metros; posi\u00e7\u00e3o e ID do formul\u00e1rio. Cada configura\u00e7\u00e3o de Gravity Forms integrada tem um n\u00famero de posi\u00e7\u00e3o fixo. Voc\u00ea pode comparar esse n\u00famero para decidir exatamente onde deseja que seu HTML personalizado ou entrada esteja. Listar todas as configura\u00e7\u00f5es e sua posi\u00e7\u00e3o seria muito longo neste post. Mas o Gravity Forms adiciona suas configura\u00e7\u00f5es em incrementos de 5. Por exemplo, na aba General, o “Field label” est\u00e1 na posi\u00e7\u00e3o 0 e “Description” est\u00e1 na posi\u00e7\u00e3o 10. Colocar seu HTML na posi\u00e7\u00e3o 10 far\u00e1 com que ele apare\u00e7a ap\u00f3s Description. N\u00e3o compare a posi\u00e7\u00e3o com nenhum n\u00famero que n\u00e3o seja um multiplicador de 5.<\/p>\n Estou adicionando meu campo personalizado na guia Avan\u00e7ado, na posi\u00e7\u00e3o 50, que fica logo ap\u00f3s a entrada “Admin Field Label”.<\/p>\n A maior parte do c\u00f3digo acima \u00e9 autoexplicativo. Estou adicionando HTML no mesmo formato que o Gravity Forms esperaria uma configura\u00e7\u00e3o. No entanto, na entrada em si, voc\u00ea precisa fornecer uma Voc\u00ea pode fazer outra coisa opcional com sua entrada; adicionar uma dica de ferramenta. Se voc\u00ea quiser isso, adicione esta chamada de fun\u00e7\u00e3o dentro do c\u00f3digo que voc\u00ea acabou de adicionar e forne\u00e7a uma chave (\u00fanica) como string:<\/p>\n E, em seguida, adicione outra fun\u00e7\u00e3o que se conecte ao filtro Adicionar uma dica de ferramenta \u00e9 totalmente opcional, mas uma boa maneira de explicar aos propriet\u00e1rios do site o que essa entrada faz. Modifique o conte\u00fado para o que se adapta \u00e0 sua funcionalidade.<\/p>\n Voc\u00ea pode notar que seu campo n\u00e3o est\u00e1 aparecendo em nenhuma guia Avan\u00e7ado. Isso ocorre porque precisamos informar ao Gravity Forms em quais tipos de campo queremos que essa entrada apare\u00e7a. Por padr\u00e3o, ela n\u00e3o aparecer\u00e1 em nenhum.<\/p>\n A maneira como fazemos isso \u00e9, na verdade, com Javascript. O GravityForms possui Javascript que oculta automaticamente todas as configura\u00e7\u00f5es e, em seguida, opta por exibir as espec\u00edficas com base no tipo de campo. Ent\u00e3o nosso campo est\u00e1 l\u00e1, mas o Gravity Forms simplesmente o escondeu.<\/p>\n N\u00f3s nos Estou adicionando a entrada aos tipos de campo functions.php<\/code>ou plugin.<\/p>\nAdicionando uma entrada personalizada aos campos<\/h2>\n
Escolhendo onde colocar sua entrada<\/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>fun\u00e7\u00e3o Javascript. N\u00f3s simplesmente dizemos a ele para executar a fun\u00e7\u00e3o do GravityForms para salvar quaisquer altera\u00e7\u00f5es feitas em nossa entrada. A propriedade que fornecemos em SetFieldProperty<\/code>, thirdPartyInput<\/code>, \u00e9 importante lembrar, dentro dessa chave \u00e9 onde nossa entrada personalizada ser\u00e1 salva no array de campos do Gravity Forms ao enviar.<\/p>\nAdicionando uma dica de ferramenta (opcional)<\/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 adicione o conte\u00fado da dica de ferramenta \u00e0 chave correspondente, assim:<\/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>\nDefinindo quais tipos de campo adicionar sua entrada personalizada<\/h3>\n
gform_editor_js<\/code>ligamos e precisamos fazer duas coisas. Primeiro, decidimos em quais tipos de campo a entrada deve aparecer. E, em segundo lugar, nos certificamos de que a entrada seja preenchida com seu valor no carregamento.<\/p>\ntext<\/code>, textarea<\/code>, email<\/code>, phone<\/code>e number<\/code>. Lembre-se de considerar como voc\u00ea vai lidar com os valores dos campos enviados. Se voc\u00ea optar por permitir esse campo, por exemplo, no tipo de campo de caixa de sele\u00e7\u00e3o, dever\u00e1 ser capaz de analisar e manipular os valores enviados corretamente.<\/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
![\"Formul\u00e1rios](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151326-61e4ca26275b1.png\")
<\/a><\/p>\n