### [Passaggio automatico alla pagina successiva nei moduli multipagina](https://wpforms.com/developers/how-to-move-to-the-next-page-automatically/) **Pubblicato:** 29 giugno 2022 **Autore:** Umair Majeed **Estratto:** In questo tutorial, ti mostreremo come spostare automaticamente alla pagina successiva del tuo modulo multipagina in base alla risposta di un campo del modulo. **Contenuto:** Vorresti che i tuoi moduli multipagina avanzassero automaticamente quando gli utenti fanno delle selezioni? Con un semplice snippet di codice, puoi creare un'esperienza di modulo più fluida spostando automaticamente alla pagina successiva quando gli utenti selezionano le loro risposte. Questo miglioramento riduce i clic e rende i tuoi moduli più intuitivi da completare. Questa guida ti mostrerà come far avanzare automaticamente i tuoi moduli multipagina in base alle selezioni degli utenti. ## Creazione della struttura del modulo Per prima cosa, avrai bisogno di un modulo multipagina con campi modulo e interruzioni di pagina. Ai fini di questo tutorial, stiamo creando un modulo di foglio swag, ci saranno tre campi **Scelta multipla** utilizzando **Scelte immagine**. Ogni selezione includerà un **Interruzione di pagina**. Se hai bisogno di aiuto per creare un modulo multipagina, consulta la nostra guida su [come creare moduli multipagina](https://wpforms.com/docs/how-to-create-multi-page-forms-in-wpforms/). ## Aggiunta del CSS per l'avanzamento automatico Dato che vogliamo che il modulo passi automaticamente alla pagina successiva in base a **qualsiasi** selezione, aggiungeremo del CSS per nascondere i pulsanti **Avanti** su questo modulo. Per ottenere questo risultato, copia questo CSS sul tuo sito. ``` form#wpforms-form-1000 button.wpforms-page-button { visibility: hidden; } ``` Ricorda di sostituire `1000` con l'ID del tuo modulo. Se hai bisogno di aiuto per trovare l'ID del tuo modulo, consulta la nostra guida su [come trovare gli ID dei moduli e dei campi](https://wpforms.com/docs/how-to-use-the-forms-locator-in-wpforms/). ## Aggiunta del JavaScript per l'avanzamento automatico Successivamente, aggiungi questo snippet di codice per abilitare l'avanzamento automatico della pagina. Se hai bisogno di aiuto per aggiungere snippet di codice, consulta il nostro tutorial su [come aggiungere snippet di codice personalizzati in PHP o JavaScript per WPForms](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/). **Nota:** Questo codice è rivolto alle **Scelte immagine** utilizzando la classe `.wpforms-image-choices`. Se il tuo campo utilizza **Scelte icona**, aggiorna il selettore nella **riga 12** sostituendo `.wpforms-image-choices` con `.wpforms-icon-choices` in modo che lo script funzioni correttamente. Lo script funziona prendendo di mira il tuo modulo specifico utilizzando l'ID del modulo (sostituisci `1000` con il tuo ID), ascoltando i clic sugli input delle Scelte immagine e attivando automaticamente il clic sul pulsante **Avanti** quando viene effettuata una selezione. ## Opzioni di personalizzazione Puoi modificare questa funzionalità per prendere di mira domande specifiche regolando il selettore jQuery, aggiungere condizioni per quando avanzare o reindirizzare a pagine diverse in base alle risposte. Ecco un esempio che avanza solo quando viene selezionato “**Sì**”: ``` function wpf_dev_conditional_next_page() { ?> **Categorie:** Estensione **Tag:** Javascript, jQuery, JS, PHP ---