### [Cómo añadir JavaScript a una página al utilizar el complemento Form Pages](https://wpforms.com/developers/how-to-add-javascript-to-a-page-when-using-the-form-pages-addon/)

**Publicado:** 21 de mayo de 2021
**Autor:** Equipo editorial

**Resumen:** Este tutorial te mostrará cómo añadir scripts personalizados a los formularios creados con el complemento Form Pages. 

**Contenido:**

¿Quieres optimizar la integración de JavaScript en los formularios creados con el complemento **Form Pages**? ¡Tenemos la solución perfecta! Descubre cómo aprovechar un gancho específico diseñado especialmente 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, lo que evita la carga innecesaria de scripts en todo tu sitio y optimiza el rendimiento.

Para obtener más información sobre este tipo de formulario, consulta la documentación del complemento [Form Pages](https://wpforms.com/docs/how-to-install-and-use-the-form-pages-addon/ "Form Pages Addon").

## Configuración de tu formulario

Para nuestro tutorial, queremos que nuestras **Form Pages** muestren una pequeña animación cuando se envíe el formulario. Para obtener información detallada, consulta nuestra guía sobre cómo [añadir animación a los mensajes de confirmación](https://wpforms.com/developers/how-to-add-confetti-animation-to-confirmation-message/).

Así que empezaremos 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](https://wpforms.com/wp-content/uploads/2022/05/wpforms-add-canvas-to-confirmation.jpg)Para obtener más información sobre qué es canvas, [consulta este artículo de W3Schools](https://www.w3schools.com/html/html5_canvas.asp).

Si necesitas ayuda para crear tu formulario, consulta nuestra guía sobre [cómo crear tu primer formulario](https://wpforms.com/docs/creating-first-form/ «Cómo crear tu primer formulario»).

## Añadir el JavaScript a las páginas de formulario

Ahora es el momento de añadir el fragmento de código que contiene el script que queremos registrar en nuestro formulario de **páginas de formulario**.

Si necesitas ayuda para añadir fragmentos de código a tu sitio web, [consulta este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ «Cómo añadir PHP o JavaScript personalizados para WPForms»).

![añadir JavaScript a los formularios creados con el complemento Form Pages](https://wpforms.com/wp-content/uploads/2021/05/wpforms-form-pages-confirmation-confetti.jpg)Puedes utilizar la acción **wpforms\_form\_pages\_footer** para llamar a cualquier código JavaScript, ya sea un botón para desplazarse 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 se reciben? Echa un vistazo a nuestro artículo [Cómo incrementar un recuento con cada envío del formulario](https://wpforms.com/developers/how-to-increment-a-count-on-each-form-submission/ "Cómo incrementar un recuento con cada envío del formulario").

## Acción de referencia

[wpforms\_form\_pages\_footer](https://wpforms.com/developers/wpforms_form_pages_footer/ "Uso de la acción wpforms_form_pages_footer")

**Categorías:** Complementos

**Etiquetas:** Complemento Form Pages, JavaScript, JS

---