<html lang="fr-fr" dir="ltr"><head></head><body>### [Comment ajouter du JavaScript à une page lors de l'utilisation du module complémentaire Form Pages](https://wpforms.com/developers/how-to-add-javascript-to-a-page-when-using-the-form-pages-addon/)

**Publié le :** 21 mai 2021
**Auteur :** Équipe éditoriale

**Extrait :** Ce tutoriel vous montrera comment ajouter des scripts personnalisés aux formulaires créés à l'aide du module complémentaire Form Pages. 

**Contenu :**

Vous cherchez à rationaliser votre intégration JavaScript pour les formulaires créés avec le module complémentaire **Form Pages** ? Nous avons la solution ! Découvrez comment utiliser un hook dédié spécifiquement conçu pour les pages contenant des formulaires **Form Pages**. Ce hook distinct garantit que vos scripts ne sont chargés que sur les pages contenant ces formulaires, évitant ainsi le chargement inutile de scripts sur l'ensemble de votre site et optimisant les performances.

Pour plus d'informations sur ce type de formulaire, veuillez consulter la documentation du module complémentaire [Form Pages](https://wpforms.com/docs/how-to-install-and-use-the-form-pages-addon/ "Module complémentaire Form Pages").

## Configuration de votre formulaire

Pour notre tutoriel, nous voulons que nos **Form Pages** affichent une petite animation lors de la soumission du formulaire. Pour des informations détaillées, consultez notre guide sur [l'ajout d'animations aux messages de confirmation](https://wpforms.com/developers/how-to-add-confetti-animation-to-confirmation-message/).

Nous allons donc commencer par créer notre formulaire et ajouter notre élément canvas au message de **Confirmation** dans l'onglet **Texte**.

![créez votre formulaire et ajoutez votre élément canvas à l'onglet Texte du message de confirmation](https://wpforms.com/wp-content/uploads/2022/05/wpforms-add-canvas-to-confirmation.jpg)Pour plus d'informations sur ce qu'est le canvas, [veuillez consulter cet article de W3Schools](https://www.w3schools.com/html/html5_canvas.asp).

Si vous avez besoin d'aide pour créer votre formulaire, veuillez consulter notre guide sur [la création de votre premier formulaire](https://wpforms.com/docs/creating-first-form/ "Comment créer votre premier formulaire").

## Ajout du JavaScript aux Form Pages

Il est maintenant temps d'ajouter le extrait qui contient le script que nous voulons enregistrer sur notre formulaire **Form Pages**.

Si vous avez besoin d'aide pour ajouter des extraits à votre site, [veuillez consulter ce tutoriel](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Comment ajouter du PHP ou du JavaScript personnalisé pour WPForms").

![ajouter du javascript aux formulaires créés avec le module complémentaire form pages](https://wpforms.com/wp-content/uploads/2021/05/wpforms-form-pages-confirmation-confetti.jpg)Vous pouvez utiliser l'action **wpforms\_form\_pages\_footer** pour appeler n'importe quel JavaScript à partir d'un bouton de retour en haut, d'un service de chat en direct, ou même de votre Google Analytics.

Et c'est tout ce dont vous avez besoin ! Ensuite, souhaitez-vous compter les entrées de votre formulaire au fur et à mesure qu'elles arrivent ? Consultez notre article [Comment incrémenter un compteur à chaque soumission de formulaire](https://wpforms.com/developers/how-to-increment-a-count-on-each-form-submission/ "Comment incrémenter un compteur à chaque soumission de formulaire").

## Action de référence

[wpforms\_form\_pages\_footer](https://wpforms.com/developers/wpforms_form_pages_footer/ "Utilisation de l'action wpforms_form_pages_footer")

**Catégories :** Modules complémentaires

**Tags :** Module complémentaire Form Pages, Javascript, JS

---</body></html>