Esta publicaci\u00f3n asume que desea agregar funcionalidad a Gravity Forms para enviar una solicitud de publicaci\u00f3n remota despu\u00e9s de cada env\u00edo de formulario. Dentro de la publicaci\u00f3n remota, enviar\u00e1 valores desde el formulario, que se pueden personalizar mediante configuraciones adicionales en el editor de formularios. Los ejemplos comunes de d\u00f3nde ser\u00eda \u00fatil esto son enviar, por ejemplo, el nombre y el correo electr\u00f3nico a una lista de boletines de Mailchimp, o realmente cualquier otra integraci\u00f3n de terceros.<\/p>\n
La forma de resolver esto en la pr\u00e1ctica es primero agregar configuraciones personalizadas a cada campo, donde el editor puede escribir nombres clave. La clave y sus valores enviados se enviar\u00e1n a una URL de terceros despu\u00e9s de cada env\u00edo de formulario. Tambi\u00e9n agregaremos una configuraci\u00f3n para que pueda elegir para cada formulario activar este tipo de env\u00edo de terceros.<\/p>\n
Todo el c\u00f3digo a continuaci\u00f3n se puede colocar en el c\u00f3digo de su tema El primer paso es agregar la entrada a los campos en el editor de campos donde puede escribir el nombre clave para este valor. Solo incluiremos y enviaremos valores donde se haya completado esta entrada.<\/p>\n Gravity Forms ofrece ganchos que podemos usar para agregar cosas personalizadas en el editor de campo. El nombre del enlace depende de la pesta\u00f1a en la que desea que aparezca su campo.<\/p>\n En cada gancho tendr\u00e1s dos par\u00e1metros; posici\u00f3n y formulario de identificaci\u00f3n. Cada ajuste integrado de Gravity Forms tiene un n\u00famero de posici\u00f3n fijo. Puede comparar este n\u00famero para decidir con precisi\u00f3n d\u00f3nde desea que est\u00e9 su entrada o HTML personalizado. Enumerar todas las configuraciones y su posici\u00f3n ser\u00eda demasiado largo en esta publicaci\u00f3n. Pero Gravity Forms agrega sus configuraciones en incrementos de 5. Por ejemplo, en la pesta\u00f1a General, la "Etiqueta de campo" est\u00e1 en la posici\u00f3n 0 y la "Descripci\u00f3n" est\u00e1 en la posici\u00f3n 10. Poner su HTML en la posici\u00f3n 10 har\u00e1 que aparezca despu\u00e9s de Descripci\u00f3n. No compares la posici\u00f3n con ning\u00fan n\u00famero que no sea un multiplicador de 5.<\/p>\n Estoy agregando mi campo personalizado en la pesta\u00f1a Avanzado, en la posici\u00f3n 50, que est\u00e1 justo despu\u00e9s de la entrada "Etiqueta de campo de administrador".<\/p>\n La mayor parte del c\u00f3digo anterior se explica por s\u00ed mismo. Estoy agregando HTML en el mismo formato en el que Gravity Forms esperar\u00eda que haya una configuraci\u00f3n. Sin embargo, en la entrada en s\u00ed, debe proporcionar una Puede hacer otra cosa opcional con su entrada; agregar informaci\u00f3n sobre herramientas. Si desea esto, agregue esta llamada de funci\u00f3n dentro del c\u00f3digo que acaba de agregar y proporcione una clave (\u00fanica) como cadena:<\/p>\n Y luego agregue otra funci\u00f3n que se conecte al filtro Agregar una informaci\u00f3n sobre herramientas es completamente opcional, pero es una buena manera de explicar a los propietarios del sitio lo que hace esta entrada. Modifique el contenido a lo que se ajuste a su funcionalidad.<\/p>\n Es posible que observe que su campo no aparece en ninguna pesta\u00f1a Avanzado. Esto se debe a que necesitamos decirle a Gravity Forms en qu\u00e9 tipos de campo queremos que aparezca esta entrada. Por defecto, no aparecer\u00e1 en ninguno.<\/p>\n La forma en que hacemos esto es en realidad con Javascript. GravityForms tiene Javascript que oculta autom\u00e1ticamente todas las configuraciones y luego elige mostrar las espec\u00edficas seg\u00fan el tipo de campo. As\u00ed que nuestro campo est\u00e1 ah\u00ed, pero Gravity Forms simplemente lo ha escondido.<\/p>\n Nos enganchamos Estoy agregando la entrada a los tipos de campo functions.php<\/code>o complemento.<\/p>\nAgregar una entrada personalizada a los campos<\/h2>\n
Elegir d\u00f3nde colocar su 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>funci\u00f3n Javascript. Simplemente le decimos que ejecute la funci\u00f3n de GravityForms para guardar los cambios realizados en nuestra entrada. Es importante recordar la propiedad que proporcionamos en SetFieldProperty<\/code>, thirdPartyInput<\/code>, dentro de esta clave es donde nuestra entrada personalizada se guardar\u00e1 en la matriz de campos de Gravity Forms al enviar.<\/p>\nAdici\u00f3n de informaci\u00f3n sobre herramientas (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>y agregue el contenido de la informaci\u00f3n sobre herramientas a la tecla correspondiente, as\u00ed:<\/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>\nDefinici\u00f3n de qu\u00e9 tipos de campo agregar su entrada personalizada<\/h3>\n
gform_editor_js<\/code>y necesitamos hacer dos cosas. Primero, decidimos en qu\u00e9 tipos de campo debe aparecer la entrada. Y segundo, nos aseguramos de que la entrada se complete con su valor al cargar.<\/p>\ntext<\/code>, textarea<\/code>, email<\/code>, phone<\/code>y number<\/code>. Recuerde considerar c\u00f3mo va a manejar los valores de los campos enviados. Si elige permitir este campo, por ejemplo, en el tipo de campo de casilla de verificaci\u00f3n, entonces debe poder analizar y manejar los valores enviados correctamente.<\/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
![\"Formularios](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-151326-61e4ca26275b1.png\")
<\/a><\/p>\n