5 eccellenti esempi di moduli multipagina per tua ispirazione

Atterri su una pagina, sei sinceramente interessato, e poi vedi un muro di quindici campi che ti fissano. Quindi chiudi la scheda e vai avanti.

Questa reazione è esattamente ciò che prosciuga silenziosamente i lead dai moduli lunghi ogni giorno. La buona notizia è che la soluzione è semplice, e alcuni dei più grandi marchi sul web la utilizzano già.

I moduli multipagina sono un ottimo modo per convincere più persone a completare la compilazione delle proprie informazioni, in modo da poter ottenere più lead e guadagnare di più online.

Quindi in questo articolo, ti mostrerò alcuni ottimi esempi di moduli multipagina in modo che tu possa trarre ispirazione e iniziare a creare moduli multipart efficaci per il tuo sito web.

Crea ora il tuo modulo multipagina

Perché i Moduli Multi-Step Convertono Meglio di un Modulo Lungo

Prima di passare agli esempi di moduli multipagina, vediamo perché dovresti considerare di suddividere moduli lunghi in più pagine.

A volte, per far convertire un visitatore del sito, devi ottenere molte informazioni da lui. Infatti, a differenza dei semplici moduli di contatto, potresti aver bisogno di molto più di un nome e un'email.

Tuttavia, il tuo visitatore del sito potrebbe sentirsi infastidito o annoiarsi da un modulo che richiede troppe informazioni tutte in una volta. Questo può portare all'abbandono del modulo e a bassi tassi di conversione.

Per aumentare i tassi di conversione sui tuoi moduli più lunghi e migliorare l'esperienza utente, puoi creare un modulo multi-step in WordPress e suddividere le parti del tuo modulo in sezioni più facili da digerire!

In questo modo otterrai anche lead più qualificati. Facendo passare le persone attraverso più passaggi per convertire, sai che solo coloro che sono veramente interessati a ciò che hai da offrire finiranno.

Dopotutto, non importa quante persone completano il modulo del tuo sito se non si rivelano il tipo di persona che stai cercando.

Eccellenti esempi di moduli multi-step

Gli esempi seguenti provengono da settori molto diversi, ma ognuno risolve lo stesso problema in modo intelligente. Per renderli facili da scansionare, ecco l'unica tattica che ruberei da ciascun modulo prima di leggere l'analisi completa:

1. Uber

Uber ha bisogno di molte informazioni per registrare un nuovo autista, quindi fa un lavoro accurato nell'introdurre le persone a un modulo lungo e multiparte.

Il primo passaggio richiede solo le informazioni di base, come nome, email e numero di telefono. C'è anche una domanda sulla posizione, che personalizza silenziosamente il passaggio successivo invece di sembrare invasiva.

Nessuna delle due operazioni richiede più di qualche secondo, quindi non c'è quasi motivo di non iniziare. Anche il pulsante verde Avanti fa molto lavoro qui.

L'etichetta rende ovvio che ci sono altri passaggi in arrivo, e la piccola freccia rafforza che stai andando avanti piuttosto che impegnandoti in un'unica grande sottomissione. Quel tipo di primo passaggio chiaro e a bassa pressione è ciò che spinge le persone a iniziare.

2. Quick Base

Quick Base adotta un approccio leggermente diverso impostando le aspettative prima ancora che tu digiti qualcosa.

Si apre con un titolo audace che ti dice esattamente cosa otterrai dopo la conversione, abbinato a una semplice call to action.

Non c'è disordine né confusione su cosa succederà dopo. Una volta cliccato quel pulsante, appare il passaggio successivo, ed è sorprendentemente breve. Chiede solo un'email e una password.

Il pulsante Avanti chiarisce che c'è ancora un po' da fare, ma a questo punto la maggior parte delle persone continuerà. Creare una password è un piccolo impegno, e le persone che hanno preso questo impegno tendono a completare.

Significa anche che Quick Base sta acquisendo un lead genuinamente interessato, qualcuno che potrebbe trasformarsi in un cliente pagante in futuro. Questo è un forte esempio di un modulo che imposta le giuste aspettative e mantiene le persone in movimento.

3. Sprout Social

Sprout Social utilizza un modulo multi-step per iscrivere le persone a una prova gratuita, e la caratteristica distintiva è quanto chiaramente mappa il percorso.

Molto simile a una pagina di checkout, i passaggi sono disposti in alto in modo che i visitatori possano vedere che ce ne sono tre. Ancora meglio, ogni passaggio ha una breve descrizione, in modo che le persone sappiano cosa faranno prima di arrivarci.

Il primo passaggio crea un account, il secondo collega i profili social e l'ultimo completa l'iscrizione. Una volta che qualcuno crea un account nel primo passaggio, farlo completare è molto più facile, perché alle persone piace rimanere coerenti con le scelte che hanno già fatto.

Significa anche che Sprout Social ha un indirizzo email per il follow-up se la persona abbandona a metà. Questo è qualcosa che puoi fare sui tuoi moduli catturando le voci dei moduli abbandonati prima che le persone premano invio.

4. Cirius Marketing

Cirius Marketing combina due idee intelligenti in un unico flusso di iscrizione, iniziando con una pagina di destinazione con opt-in in due passaggi. La pagina offre una call to action audace che è difficile ignorare per chiunque desideri il modello gratuito per la homepage offerto.

Fai clic su quel pulsante e verrai portato a un breve modulo popup che mostra due passaggi grazie a una barra di avanzamento in alto.

Il trucco è che fare clic sul pulsante nella prima pagina conta già come completamento del passaggio uno di due nella pagina di destinazione. Quindi, prima ancora di aver inserito qualcosa, ti senti già a metà strada.

Questo funziona perché abbina un incentivo reale (un download gratuito) a un senso di progresso, quindi solo le persone veramente interessate scambiano i loro dati per completare.

Se vuoi creare qualcosa di simile, abbiamo messo insieme un intero set di esempi di moduli per pagine di destinazione per ulteriore ispirazione.

5. University of Phoenix

L'Università di Phoenix è ottima nel trasformare un modulo di iscrizione veramente lungo in qualcosa che sembra facile da iniziare.

Il primo passaggio è breve e a bassa pressione, il che mette a proprio agio chiunque sia esitante riguardo a un modulo lungo. Un pulsante rosso Vai al Passaggio Successivo chiarisce che altro sta arrivando, e una barra di avanzamento mostra esattamente dove ti trovi in ogni momento.

Anche il passaggio successivo rimane minimale, chiedendo solo nome ed email.

L'ultimo passaggio è dove vengono richieste informazioni più personali come indirizzo e numero di telefono. A questo punto, qualcuno che ha già condiviso il proprio nome ed email è molto più disposto a completare, quindi le domande sensibili arrivano al momento giusto.

Cosa hanno in comune i migliori moduli multi-passaggio

Guarda tutti e cinque gli esempi e le stesse scelte di design continuano a comparire. Questi sono i modelli degni di essere integrati nei tuoi moduli, e la maggior parte di essi è trattata più in dettaglio nella nostra guida alle migliori pratiche di progettazione dei moduli.

• Rendi il primo passaggio quasi troppo facile: un passaggio iniziale breve e a basso attrito rimuove il motivo per cui le persone esitano. Una volta che iniziano, lo slancio li porta avanti.
• Mostra chiaramente i progressi: una barra di avanzamento o passaggi etichettati dice alle persone quanto manca, il che le mantiene in movimento. Puoi aggiungere una barra di avanzamento a qualsiasi modulo WordPress in un paio di clic.
• Raggruppa i campi correlati: Mantieni ogni passaggio focalizzato su un tema, come i dettagli di contatto in una pagina e le preferenze nella successiva. È più facile da compilare e più amichevole per gli screen reader e l'accessibilità.
• Attenzione all'ordine delle richieste: Inizia con domande facili e a basso rischio e lascia le informazioni sensibili per dopo, una volta che le persone sono già coinvolte.
• Di' alle persone cosa aspettarsi: Etichetta i tuoi passaggi o i tuoi pulsanti in modo che i visitatori sappiano quanti passaggi ci sono e cosa comporta ciascuno.
• Usa la logica condizionale per rimanere breve: Con la logica condizionale, puoi mostrare o nascondere passaggi in base alle risposte precedenti, in modo che nessuno perda tempo con domande che non li riguardano.
• Cattura le voci parziali: Anche un modulo eccellente perde alcune persone a metà. Salvare i loro progressi o la loro email significa che un abbandono non è sempre un lead perso.
• Progetta per dispositivi mobili: Molte persone compileranno il tuo modulo dal telefono, quindi assicurati che ogni passaggio sia pulito e facile da toccare su uno schermo piccolo.

Come Creare un Modulo Multi-Step in WordPress

Non hai bisogno di uno sviluppatore per creare nessuno dei moduli sopra. Il modo più semplice per farlo su un sito WordPress è con WPForms, che ti consente di aggiungere interruzioni di pagina a qualsiasi modulo e crea automaticamente una barra di avanzamento per te.

Ecco perché WPForms rende tutto così semplice:

• È adatto ai principianti: Il costruttore drag-and-drop ti consente di creare moduli multipagina visivamente, senza alcun codice.
• Puoi iniziare da un modello: Ci sono oltre 2.100 modelli di moduli per candidature di lavoro, registrazioni, moduli d'ordine e altro ancora, tutti divisibili in pagine.
• Puoi crearlo su una pagina senza distrazioni: L'addon Form Pages trasforma il tuo modulo multi-step in una pagina di destinazione dedicata, proprio come l'esempio di Cirius Marketing.
• Puoi recuperare i lead persi: L'addon Form Abandonment cattura i dettagli delle persone che iniziano il tuo modulo ma non lo completano.
• I tuoi moduli rimangono intelligenti: La logica condizionale ti consente di nascondere passaggi e campi che non sono pertinenti, mantenendo ogni modulo il più breve possibile.
• Funziona su ogni dispositivo: I tuoi moduli multipagina hanno un aspetto fantastico automaticamente su telefoni, tablet e desktop.

Puoi creare un modulo multipagina di base con qualsiasi piano a pagamento di WPForms, e gli extra per la conversione come pagine di destinazione del modulo, acquisizione di abbandoni e moduli di lead sono inclusi con Pro. Quando sei pronto per impostarne uno, segui la nostra guida passo passo su come creare un modulo multi-step in WordPress.

WPForms è utilizzato da oltre 6 milioni di proprietari di siti web e detiene un punteggio di 4,8/5 da oltre 13.000 recensioni a cinque stelle su WordPress.org, quindi sei in buona compagnia.

Crea Ora il Tuo Modulo Multi-Step

Modelli di Modulo Multi-Step da cui Iniziare

Se preferisci saltare la tela bianca, WPForms ha una vasta libreria di modelli di moduli multi-step già pronti. Sono un ottimo punto di partenza quando sai di volere un modulo multipagina ma non sei sicuro di come strutturarlo. Alcuni popolari includono:

• Modello di modulo di contatto multi-step
• Modello di modulo di sondaggio d'ufficio multi-step
• Modello di modulo Mailchimp multi-step

Apri uno qualsiasi nell'editor, regola i campi per adattarli alle tue esigenze e avrai un modulo multi-step funzionante in pochi minuti.

Domande frequenti sui moduli multi-step

Gli esempi di moduli multipagina sollevano molte delle stesse domande, quindi ecco risposte rapide a quelle che sento più spesso prima che le persone creino il loro primo modulo.

Cos'è un modulo multi-step?

Un modulo multi-step è un singolo modulo diviso in due o più pagine, con una barra di avanzamento o un indicatore di passaggio che mostra quanto sei avanti. Invece di vedere tutti i campi contemporaneamente, le persone compilano una piccola sezione alla volta, il che rende i moduli lunghi molto più facili da completare.

I moduli multi-step aumentano le conversioni?

Spesso lo fanno, specialmente per i moduli più lunghi. Suddividere un modulo in passaggi riduce il fattore di intimidazione, quindi più persone iniziano, e il senso di progresso le incoraggia a finire. Tendono anche a portare lead meglio qualificati, poiché le persone che completano diversi passaggi sono solitamente più serie.

Quanti passaggi dovrebbe avere un modulo multi-step?

Non esiste un numero magico. L'obiettivo è raggruppare i tuoi campi in blocchi logici piuttosto che raggiungere un conteggio specifico di passaggi. Da due a quattro passaggi funzionano bene per la maggior parte dei moduli. Se un singolo passaggio inizia a sembrare lungo, è un buon segno che dovrebbe essere diviso in due.

I moduli multi-step possono integrarsi con i miei altri strumenti?

Sì. WPForms collega i tuoi moduli multi-step alle piattaforme di email marketing e CRM più diffuse come Mailchimp, Brevo, Constant Contact, Kit (precedentemente ConvertKit) e HubSpot, in modo che ogni invio possa confluire direttamente negli strumenti che già utilizzi.

Quali settori traggono il massimo vantaggio dai moduli multi-step?

I moduli multipagina sono popolari nei settori sanitario, educativo, SaaS, finanziario, tecnologico e legale, dove i moduli lunghi sono comuni. Detto questo, sono utili ovunque tu abbia un modulo con più di una manciata di campi, quindi non aver paura di testarne uno sul tuo sito.

Come creo una buona esperienza utente con un modulo multi-step?

Studia i migliori esempi e noterai le stesse abitudini, come chiari indicatori di progresso e campi raggruppati in ordine logico. WPForms aggiunge automaticamente una barra di avanzamento quando inserisci interruzioni di pagina, quindi il tuo compito è principalmente assicurarti che i campi correlati siano vicini e che ogni passaggio abbia uno scopo chiaro.

Successivamente, aumenta il coinvolgimento con i moduli conversazionali

I moduli multi-step sono uno dei modi migliori per mantenere le persone coinvolte, ma non sono l'unico. Se vuoi rendere i tuoi moduli ancora più personali, puoi mostrare una domanda alla volta in un layout in stile chat.

Dai un'occhiata alla nostra guida su come creare un modulo conversazionale per offrire ai visitatori l'esperienza più fluida possibile mentre compilano i tuoi moduli più importanti.

Aumenta le conversioni con un modulo multi-step ora

Pronto a creare il tuo modulo? Inizia oggi stesso con il plugin per la creazione di moduli WordPress più facile. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.

Se questo articolo ti è stato utile, seguici su Facebook e Twitter per altri tutorial e guide gratuite su WordPress.