Come Creare un Modulo Multipagina in WordPress

Compilare un modulo lungo può sembrare scoraggiante, soprattutto quando tutte le domande appaiono su un'unica pagina. Molti utenti perdono interesse a metà strada, il che può abbassare i tassi di conversione.

Suddividendo un modulo lungo in pagine più piccole e gestibili, rendi il processo molto più facile e accessibile. Questo semplice cambiamento può portare a un grande aumento del numero di persone che completano e inviano effettivamente i tuoi moduli.

Infatti, se utilizzi il test A/B sul tuo sito, puoi misurare esattamente quanto migliorano le tue conversioni dopo aver diviso un modulo lungo.

La buona notizia? Creare un modulo multipagina in WordPress è più facile di quanto si pensi. Con il plugin WPForms, puoi utilizzare il campo Interruzione di pagina per dividere il modulo in diverse sezioni.

In questa guida, ti illustreremo i passaggi esatti per creare il tuo modulo multipagina di facile utilizzo in WordPress. In questo modo, puoi rendere i moduli lunghi più facili da completare e migliorare le tue conversioni complessive. 🙌

Perché e quando hai bisogno di un modulo multipagina in WordPress?

Potrebbe essere necessario un modulo multipagina di WordPress quando il tuo modulo è lungo o ha molte domande. Dividerlo in parti più piccole lo rende più facile da compilare e aumenta la probabilità che le persone lo completino.

Aggiungere moduli al tuo sito web è il modo più semplice per raccogliere informazioni e connetterti con i tuoi utenti, che si tratti di contatti, iscrizioni via email o sondaggi.

Ma i moduli lunghi possono essere opprimenti e spesso portano gli utenti ad arrendersi prima di averli completati.

Per risolvere questo problema, consigliamo di utilizzare moduli multipagina. Suddividendo le tue domande in sezioni più piccole, rendi il modulo meno opprimente per gli utenti.

Ecco un esempio:

Vediamo cosa rende così efficaci i moduli multipagina:

• Barra di avanzamento: Gli utenti possono vedere a che punto sono, il che li mantiene motivati a finire.
• Meno campi alla volta: Solo poche domande appaiono su ogni pagina, facendo sembrare il modulo più corto e meno stressante.
• Funzionalità interattive: Puoi aggiungere elementi come scelte di immagini o elementi conversazionali per rendere il modulo più coinvolgente.

Queste funzionalità possono aiutare a migliorare l'esperienza utente e aumentare il tasso di completamento del tuo modulo, specialmente per moduli come “richiedi un preventivo” o generazione di lead.

Creare un modulo multipagina per WordPress con WPForms

Il modo più semplice per creare un modulo multipagina in WordPress è utilizzare il plugin WPForms. È il miglior plugin per la creazione di moduli WordPress che ti consente di creare qualsiasi tipo di modulo di cui hai bisogno.

Oltre 6 milioni di proprietari di siti web utilizzano WPForms, inclusi noi qui su WPBeginner. Lo utilizziamo per visualizzare il nostro modulo di contatto, condurre sondaggi annuali per i lettori, gestire richieste di migrazione e altro ancora. Dai un'occhiata alla nostra recensione completa di WPForms per maggiori informazioni sulle sue funzionalità.

Detto questo, ti guideremo attraverso la creazione di un modulo multipagina in WordPress:

Passaggio 1: Installa e attiva il plugin WPForms

Il primo passo è configurare il tuo account WPForms. Puoi visitare il sito web di WPForms e fare clic sul pulsante "Get WPForms Now".

Da lì, seleziona semplicemente un piano, compila i dettagli necessari e segui le istruzioni sullo schermo per completare il processo.

Una volta terminata la registrazione, otterrai la tua dashboard WPForms. All'interno, troverai la tua chiave di licenza. Copia la tua chiave per utilizzarla nel passaggio successivo.

Fatto ciò, installiamo e attiviamo il plugin WPForms tramite l'area di amministrazione di WordPress. Vai semplicemente su Plugin » Aggiungi Nuovo Plugin per iniziare.

Nella schermata successiva, puoi utilizzare la barra di ricerca per trovare rapidamente il plugin WPForms.

Quindi, fai clic sul pulsante 'Installa ora' e su 'Attiva' quando appare.

Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l'attivazione, visita la pagina WPForms » Impostazioni, inserisci la tua chiave di licenza e fai clic sul pulsante 'Verifica chiave'. (Puoi ottenere questa chiave nella tua dashboard WPForms.)

Dopo aver verificato la tua chiave di licenza, sei pronto per creare il tuo primo modulo multipagina in WordPress.

Passaggio 2: Crea il tuo modulo multipagina in WordPress

Per iniziare, navighiamo alla pagina WPForms » Aggiungi Nuovo dalla tua area di amministrazione di WordPress per avviare il costruttore di moduli drag-and-drop.

Questo ti porterà alla pagina di configurazione all'interno del costruttore di moduli.

Inserisci prima un titolo per il tuo modulo.

Dopodiché, sceglierai come costruire il tuo modulo.

WPForms offre oltre 2.000 modelli di moduli predefiniti per aiutarti a risparmiare tempo. Puoi selezionarne rapidamente uno e modificarlo in base alle tue esigenze. Esiste anche un modello di modulo vuoto che puoi utilizzare per creare un modulo completamente personalizzato.

Ancora meglio, puoi usare WPForms AI per creare rapidamente il tuo modulo. Tutto ciò che devi fare è scrivere una breve descrizione e il costruttore di moduli AI genererà il modulo per te.

Per questo tutorial, utilizzeremo il modello 'Modulo di suggerimenti'.

Semplicemente passa il mouse sopra la casella del modello e fai clic sul pulsante 'Usa modello' per iniziare.

Questo ti porterà al loro costruttore di moduli, dove potrai personalizzarlo.

Semplicemente trascina i campi dalla colonna di sinistra e rilasciali nel tuo modello di modulo. Puoi anche selezionare i campi del modulo esistenti e personalizzarli ulteriormente.

Dopo aver aggiunto alcuni campi del modulo, sei pronto per aggiungere una nuova pagina al tuo modulo.

Vai avanti e aggiungi il campo 'Interruzione di pagina' sotto la sezione Campi Fantasia dalla colonna di sinistra.

Quando trascini il campo 'Interruzione di pagina' nel tuo modulo, questo dividerà il modulo in quel punto esatto.

WPForms aggiungerà anche un indicatore 'Prima pagina / Indicatore di avanzamento' nella parte superiore della pagina. Sposterà il pulsante di invio all'ultima pagina e le tue pagine precedenti avranno ora un pulsante 'Avanti'.

Ora, se fai clic sull'indicatore 'Prima pagina / Indicatore di avanzamento' in WPForms, vedrai 4 diversi stili di indicatore di avanzamento tra cui scegliere. Ognuno funziona meglio per diversi tipi di moduli:

• La barra di avanzamento semplice è ideale per moduli con 3-5 pagine. Mostra una barra pulita basata sulla percentuale che si riempie man mano che gli utenti completano ogni pagina, rendendola perfetta per moduli di contatto, moduli di registrazione o sondaggi.
• I cerchi e i connettori funzionano bene per moduli più lunghi con 6+ pagine. Questi stili danno agli utenti un'idea più chiara di quanti passaggi rimangono, il che è particolarmente utile per moduli complessi come candidature di lavoro o questionari dettagliati.

• Se hai un modulo molto corto di 2 pagine, potresti voler scegliere nessuno per evitare di ingombrare l'interfaccia. Molti utenti preferiscono un design minimale per moduli semplici in cui l'avanzamento è già evidente.

L'opzione di personalizzazione del colore ti consente di abbinare il tuo indicatore di avanzamento ai colori del tuo marchio. E se aggiungi il 'Titolo della pagina', questo verrà visualizzato sull'indicatore di avanzamento.

Questo piccolo dettaglio fa sì che il tuo modulo si integri meglio con il design generale del tuo sito web. Non preoccuparti, puoi sempre tornare indietro e modificare questo stile in seguito se decidi di aggiungere o rimuovere pagine.

Successivamente, puoi fare clic sul marcatore ‘Interruzione di pagina’ per modificarne le proprietà. Qui puoi:

• Modifica il testo sul pulsante ‘Avanti’.
• Fornisci un titolo per la pagina successiva.

Puoi quindi procedere e aggiungere tutte le interruzioni di pagina di cui hai bisogno.

Puoi anche usare la logica condizionale per mostrare o nascondere campi in base alle risposte degli utenti.

In questo modello, puoi vedere che è già configurato per il campo ‘Se altro…’. Puoi verificarlo facendo clic su di esso e andando alla scheda ‘Logica intelligente’.

Al termine, fai semplicemente clic sul pulsante ‘Salva’ nell'angolo in alto a destra.

Ora hai finito di creare il tuo modulo multipagina. Il passo successivo è aggiungere il modulo al tuo sito web.

Passaggio 3 (Facoltativo): Aggiungi una pagina di revisione/riepilogo prima dell'invio

Una pagina di revisione (chiamata anche pagina di riepilogo) consente agli utenti di vedere tutte le loro risposte prima di premere il pulsante di invio finale. Gli utenti apprezzano la possibilità di ricontrollare le proprie informazioni, specialmente sui dispositivi mobili dove gli errori di battitura sono più comuni.

Per moduli più lunghi con 5+ pagine, una pagina di revisione diventa essenziale. Dà agli utenti tranquillità e riduce il tasso di abbandono sulla pagina finale, quando gli utenti potrebbero altrimenti esitare prima di fare clic su invia.

Per creare una pagina di revisione in WPForms, puoi aggiungere un ultimo campo Interruzione di pagina alla fine del tuo modulo, proprio prima del pulsante di invio.

Procedi e trascina il campo ‘Interruzione di pagina’ nell’anteprima del modulo.

Successivamente, aggiungiamo un campo ‘Anteprima Inserimento’ in quest’ultima pagina.

Puoi posizionarlo appena prima del pulsante di invio del tuo modulo.

Per aprire le impostazioni di personalizzazione, fai clic sul campo.

Qui, assicuriamoci di attivare l’opzione ‘Mostra avviso anteprima’. Puoi anche modificare il testo predefinito per adattarlo alla voce e al tono del tuo marchio.

E questo è tutto.

Questo funziona particolarmente bene per i moduli che raccolgono informazioni importanti come dettagli di contatto, indirizzi di spedizione o informazioni di pagamento. Quando gli utenti possono rivedere i propri inserimenti, è più probabile che individuino errori di battitura o di altro tipo prima di inviare.

Passaggio 4: Aggiungi il tuo modulo multipagina ai post e alle pagine di WordPress

È saggio testare il tuo modulo prima di pubblicarlo.

All’interno del costruttore di moduli, fai clic sul pulsante ‘Anteprima’ per aprire il tuo modulo in una nuova scheda.

Nella schermata di anteprima, prova a compilarlo proprio come farebbe un visitatore reale.

Puoi anche testare alcuni scenari comuni, come:

• Saltare un campo obbligatorio
• Inserire un indirizzo email non valido o un errore di battitura
• Spostarsi avanti e indietro tra le pagine

Ciò ti aiuta a garantire che la navigazione tra le pagine funzioni correttamente e assicura che i messaggi di errore automatici vengano attivati correttamente, in modo che gli utenti reali sappiano esattamente cosa correggere se commettono un errore.

Prima di inviare il modulo, controlla la sezione Anteprima Inserimento.

Questa dovrebbe visualizzare tutte le informazioni inserite in ogni pagina del modulo.

Una volta che tutto sembra a posto, procedi e premi Invia per confermare che l’invio del modulo vada a buon fine.

Se tutto funziona senza errori, allora sei pronto per pubblicare il tuo modulo multipagina.

WPForms rende super facile aggiungere moduli ai post e alle pagine di WordPress.

Puoi fare clic sul pulsante 'Incorpora' nella parte superiore del generatore di moduli e aggiungere il modulo a una nuova pagina o a una esistente.

Per questo tutorial, sceglieremo l'opzione ‘Seleziona pagina esistente’.

Nel popup successivo, puoi selezionare una pagina dal menu a discesa e fare clic sul pulsante 'Iniziamo'.

Questo ti porterà all'editor a blocchi di WordPress.

Da qui, puoi fare clic sul pulsante ‘+’ per aggiungere il blocco WPForms.

WPForms caricherà quindi il blocco nell'editor dei contenuti.

Da qui, puoi selezionare il tuo modulo multipagina dal menu a discesa.

Dopodiché, dovresti vedere un'anteprima del tuo modulo nell'editor a blocchi.

Da qui, puoi personalizzare l'aspetto del tuo modulo nel tuo post o pagina.

Ad esempio, nel pannello dei blocchi di WPForms sulla destra, puoi abilitare il titolo e la descrizione del modulo o stilizzare il modulo utilizzando un tema che corrisponda al design del tuo sito.

Quando sei soddisfatto dell'aspetto di tutto, procedi e pubblica la tua pagina o il tuo post.

Fatto ciò, puoi visitare il tuo sito web WordPress per vedere il tuo modulo multipagina in azione:

Per i dettagli, puoi consultare la nostra guida su come incorporare moduli in WordPress.

Suggerimento bonus: porta i moduli multiparte di WordPress al livello successivo

Se vuoi ottenere i migliori risultati assoluti dal tuo sito web, probabilmente vuoi sapere come portare i tuoi moduli di generazione di lead al livello successivo.

Ci sono diverse cose che puoi fare per migliorare drasticamente le conversioni dei tuoi moduli multipagina WordPress.

Suggerimento 1. Moduli di Lead Interattivi

WPForms include un componente aggiuntivo Lead Forms che ti consente di migliorare il tasso di completamento dei tuoi moduli con un design accattivante. (Tieni presente che il componente aggiuntivo Lead Forms è disponibile con il piano WPForms Pro o superiore.)

Essenzialmente, ti consente di presentare agli utenti una domanda alla volta, rendendo i tuoi moduli meno intimidatori e più facili da completare.

Questo funziona particolarmente bene per una richiesta di preventivo e altri moduli di generazione di lead sul tuo sito. Ecco un esempio di come appare:

Questa funzionalità è simile al componente aggiuntivo Conversational Forms di WPForms, che utilizza un approccio faccia a faccia per porre agli utenti una domanda alla volta.

In parole povere: l'addon Moduli di lead mostra una domanda alla volta all'interno della tua pagina esistente. Nel frattempo, l'addon Moduli conversazionali crea una pagina di destinazione dedicata a schermo intero per un'esperienza senza distrazioni.

Per ulteriori suggerimenti, consulta la nostra guida su come creare moduli più interattivi in WordPress.

Suggerimento 2. Abilita invii parziali del modulo

La ricerca di The Manifest ha rilevato che l'81% delle persone ha abbandonato almeno un modulo online. Questo alto tasso di abbandono, specialmente per i moduli più lunghi, è il motivo per cui salvare le voci parziali è così prezioso.

Ecco perché consigliamo di abilitare l'invio parziale dei moduli in WordPress. Il componente aggiuntivo WPForms Form Abandonment ti consente di farlo con facilità. (Questa potente funzionalità è disponibile sul piano WPForms Pro e superiori.)

Puoi semplicemente abilitarlo andando alla scheda Abbandono Modulo nelle impostazioni del costruttore di moduli.

Questo ti permette di inviare messaggi di follow-up mirati a coloro che abbandonano il tuo modulo per aumentare la tua conversione di vendita.

Domande frequenti sull'aggiunta di un modulo multipagina in WordPress

Hai altre domande sulla creazione di moduli multipagina? Ecco alcune risposte rapide per aiutarti.

Posso avere più moduli in una singola pagina?

Sì, puoi aggiungere più di un modulo a una singola pagina WordPress. Ma se stai raccogliendo informazioni correlate, è solitamente meglio usare un modulo multipagina invece. Mantiene le cose ordinate e rende il processo più facile per i tuoi visitatori.

Cosa succede se un utente abbandona il modulo a metà?

Per impostazione predefinita, i dati del modulo vengono salvati solo quando qualcuno li invia. Se stai utilizzando WPForms Pro, puoi attivare il componente aggiuntivo Form Abandonment per acquisire automaticamente le voci parziali. In questo modo, puoi comunque contattare le persone che non hanno terminato di compilare il modulo.

Posso aggiungere un pulsante 'Precedente' al mio modulo multipagina?

Sì! La maggior parte dei costruttori di moduli ti consente di aggiungere un pulsante 'Indietro' in modo che gli utenti possano tornare indietro e modificare le loro risposte prima di proseguire. È un piccolo dettaglio che può rendere i tuoi moduli più facili da usare.

Come posso creare un modulo multi-step in WordPress senza un plugin?

È possibile, ma non molto pratico. Dovresti scrivere tu stesso il codice usando HTML e CSS, assicurarti che le informazioni siano inserite correttamente e creare un sistema per elaborare e salvare gli invii. Utilizzare un plugin come WPForms è molto più veloce e semplice per la maggior parte degli utenti.

ChatGPT può creare moduli?

ChatGPT può aiutarti a scrivere l'HTML o a pianificare il funzionamento del tuo modulo, inclusi un layout multi-step o un flusso di domande. Ma dovrai comunque aggiungere tu stesso il modulo a WordPress e gestire cose come il design, la convalida e il salvataggio delle voci.

Altre guide per l'utilizzo dei moduli WordPress

Speriamo che questo articolo ti abbia aiutato ad aggiungere un modulo multipagina in WordPress.

Se l'hai trovato utile, potresti anche voler consultare le nostre guide su:

• Come mostrare un modulo di contatto fluttuante in WordPress
• Come usare i moduli di contatto per far crescere la tua lista email in WordPress
• Modi per utilizzare la logica condizionale nei tuoi moduli WordPress
• Come aggiungere la funzionalità Salva e Continua nei moduli WordPress
• La Guida Definitiva all'Utilizzo dei Moduli WordPress (Tutto Quello che Devi Sapere)

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.