### [Come aggiungere JavaScript a una pagina quando si utilizza l'estensione Form Pages](https://wpforms.com/developers/how-to-add-javascript-to-a-page-when-using-the-form-pages-addon/)

**Pubblicato:** 21 maggio 2021
**Autore:** Team editoriale

**Estratto:** Questo tutorial ti mostrerà come aggiungere script personalizzati ai moduli creati utilizzando l'add-on Form Pages. 

**Contenuto:**

Desideri ottimizzare l'integrazione di JavaScript per i moduli creati con l'add-on **Form Pages**? Abbiamo la soluzione che fa per te! Scopri come sfruttare un hook dedicato, creato appositamente per le pagine che contengono moduli **Form Pages**. Questo hook separato garantisce che i tuoi script vengano caricati solo sulle pagine contenenti questi moduli, evitando il caricamento superfluo di script su tutto il sito e ottimizzando le prestazioni.

Per ulteriori informazioni su questo tipo di modulo, consulta la documentazione relativa al componente aggiuntivo [Form Pages](https://wpforms.com/docs/how-to-install-and-use-the-form-pages-addon/ "Form Pages Addon").

## Configurazione del modulo

Per il nostro tutorial, vogliamo che le nostre **Form Pages** visualizzino una piccola animazione quando il modulo viene inviato. Per informazioni dettagliate, consulta la nostra guida su [come aggiungere animazioni ai messaggi di conferma](https://wpforms.com/developers/how-to-add-confetti-animation-to-confirmation-message/).

Inizieremo quindi creando il nostro modulo e aggiungendo il nostro elemento canvas al messaggio di **Conferma** nella scheda **Testo**.

![crea il tuo modulo e aggiungi il tuo elemento canvas alla scheda Testo del messaggio di Conferma](https://wpforms.com/wp-content/uploads/2022/05/wpforms-add-canvas-to-confirmation.jpg)Per ulteriori informazioni su cosa sia canvas, [consulta questo articolo di W3Schools](https://www.w3schools.com/html/html5_canvas.asp).

Se hai bisogno di aiuto per creare il tuo modulo, consulta la nostra guida su [come creare il tuo primo modulo](https://wpforms.com/docs/creating-first-form/ "Come creare il tuo primo modulo").

## Aggiunta del JavaScript alle pagine del modulo

Ora è il momento di aggiungere lo snippet che contiene lo script che vogliamo registrare sul nostro modulo **Pagine del modulo**.

Se hai bisogno di aiuto per aggiungere snippet al tuo sito, [consulta questo tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come aggiungere PHP o JavaScript personalizzati per WPForms").

![aggiungere javascript ai moduli creati con il componente aggiuntivo Form Pages](https://wpforms.com/wp-content/uploads/2021/05/wpforms-form-pages-confirmation-confetti.jpg)Puoi utilizzare l'azione **wpforms\_form\_pages\_footer** per richiamare qualsiasi codice JavaScript da un pulsante "Torna all'inizio", un servizio di chat live o anche solo il tuo Google Analytics.

E questo è tutto ciò che serve! Ora, vorresti contare le voci del tuo modulo man mano che arrivano? Dai un'occhiata al nostro articolo [Come incrementare un conteggio ad ogni invio del modulo](https://wpforms.com/developers/how-to-increment-a-count-on-each-form-submission/ "Come incrementare un conteggio ad ogni invio del modulo").

## Azione di riferimento

[wpforms\_form\_pages\_footer](https://wpforms.com/developers/wpforms_form_pages_footer/ "Utilizzo dell'azione wpforms_form_pages_footer")

**Categorie:** Componenti aggiuntivi

**Tag:** Componente aggiuntivo Form Pages, Javascript, JS

---