¡Atención!

Este artículo contiene código JavaScript y está destinado a desarrolladores. Ofrecemos este código como cortesía, pero no proporcionamos soporte para personalizaciones de código o desarrollo de terceros.

Para obtener ayuda adicional, consulta el tutorial de WPBeginner sobre cómo añadir código personalizado.

Descartar

Cómo agregar JavaScript a una página al usar el complemento de páginas de formularios

¿Buscas optimizar la integración de JavaScript para formularios creados con el complemento Form Pages? ¡Tenemos la solución perfecta! Descubre cómo aprovechar un hook dedicado, diseñado específicamente para páginas que incluyen formularios de Form Pages. Este hook independiente garantiza que tus scripts solo se carguen en las páginas que contienen estos formularios, evitando la carga innecesaria de scripts en todo tu sitio y optimizando el rendimiento.

Para más información sobre este tipo de formulario, consulta la documentación del complemento Form Pages.

Configuración de tu formulario

Para nuestro tutorial, queremos que nuestros Form Pages muestren una pequeña animación al enviar el formulario. Para obtener información detallada, consulta nuestra guía sobre cómo añadir animación a los mensajes de confirmación.

Así que comenzaremos creando nuestro formulario y añadiendo nuestro elemento canvas al mensaje de Confirmación en la pestaña Texto.

crea tu formulario y añade tu elemento canvas a la pestaña Texto del mensaje de Confirmación

Para más información sobre qué es canvas, por favor, consulta este artículo de W3Schools.

Si necesitas ayuda para crear tu formulario, consulta nuestra guía sobre cómo crear tu primer formulario.

Añadir JavaScript a Form Pages

Ahora es el momento de añadir el fragmento que contiene el script que queremos registrar en nuestro formulario de Form Pages.

Si necesitas ayuda para añadir fragmentos a tu sitio, consulta este tutorial.

añadir javascript a formularios creados con el complemento form pages

Puedes usar la acción wpforms_form_pages_footer para llamar a cualquier JavaScript desde un botón de scroll a la parte superior, un servicio de chat en vivo o incluso tu Google analytics.

¡Y eso es todo lo que necesitas! A continuación, ¿te gustaría contar las entradas de tu formulario a medida que llegan? Echa un vistazo a nuestro artículo Cómo incrementar un contador en cada envío de formulario.

Acción de referencia

wpforms_form_pages_footer