Come creare un modulo multi-passo in WordPress?

Pubblicato: 2020-07-24

Un modulo a più passaggi è un modulo lungo suddiviso in più parti/fasi per semplificare il completamento di moduli altrimenti lunghi.

A differenza dei moduli lunghi convenzionali, un modulo a più passaggi può aumentare il tasso di conversione dei moduli del sito, soprattutto se il modulo ha più di 3 campi modulo. Incoraggia inoltre gli utenti a completare le informazioni desiderate quando sono suddivise in pagine anziché presentate come un'unica forma lunga.

Come creare un modulo in più passaggi in WordPress?

Prima di tutto, dovrai assicurarti che WPForms sia installato sul tuo sito WordPress.

Ora vai su WPForms » Aggiungi nuovo per creare un nuovo modulo.

In questa guida creerò un semplice modulo di contatto.

Sono sicuro che sei nella scheda Configurazione modulo .

Ora, dai un nome al tuo modulo e seleziona il modello che desideri utilizzare.

Modello di modulo di contatto semplice
Creazione di un contatto semplice dall'utilizzo del plug-in WPForm

Qui, sto scegliendo il modello di modulo di contatto semplice .

WPForms creerà un semplice modulo di contatto nel generatore di trascinamento della selezione.

Semplice modulo di contatto utilizzando WPForms
Semplice modulo di contatto utilizzando WPForms

Ora verrai reindirizzato automaticamente alla scheda Campi , da dove puoi aggiungere campi aggiuntivi ai tuoi moduli semplicemente trascinandoli .

Ottieni il plug-in WPForms

Puoi anche fare clic su un campo modulo esistente e trascinarlo per riorganizzare l'ordine nel modulo di contatto.

Il passaggio successivo consiste nel dividere il modulo in diverse parti

Dopo aver aggiunto un campo al modulo o aver modificato il modulo, devi aggiungere il campo del modulo Interruzione di pagina al tuo sito per dividerlo in diverse pagine.

Il campo Interruzione di pagina si trova sotto i campi fantasia , appena sotto i campi standard .

Campo fantasia interruzione di pagina in WPForms
Campo fantasia interruzione di pagina in WPForms

Posiziona il campo da dove vuoi dividere il modulo.

Puoi aggiungere il campo Interruzione di pagina dove vuoi. E affascinante, puoi aggiungere ulteriori campi del modulo da lì per completare il tuo modulo.

Andando avanti, è il momento di personalizzare la barra di avanzamento

Si supponga di voler mostrare l' indicatore di avanzamento per far conoscere agli utenti le diverse sezioni del modulo. In questo modo, sanno sempre dove si trovano sul tuo modulo e quanto hanno ancora da compilare prima di fare clic su "Invia" in base alle barre di avanzamento.

Per semplificare, WPForms ha tre diverse barre indicatrici in stile breadcrumb:

  1. Connettori: mostra una barra di collegamento e titoli di pagina di ciascuna parte del modulo multifase.
  2. Cerchie: mostra una cerchia e un titolo di pagina per pagina nel modulo in più passaggi.
  3. Barra di avanzamento: indica lo stato di avanzamento del modulo mentre l'utente lo compila.
Prima sezione di interruzione di pagina.
Prima sezione di interruzione di pagina.

Per personalizzare la barra di avanzamento, è necessario fare clic sulla sezione Interruzione della prima pagina .

Qui vedrai un nuovo pannello nell'Editor moduli , da cui puoi scegliere una barra di avanzamento. C'è anche un'opzione per cambiare il colore dell'indicatore di avanzamento.

Inoltre, puoi modificare il titolo della pagina , in modo che gli utenti sappiano in quale parte del modulo si trovano se scegli l' opzione Cerchi o Connettori .

Seconda sezione di interruzione di pagina in wpforms
Seconda sezione di interruzione di pagina in wpforms

Per personalizzare il titolo della pagina successiva e il pulsante che porta i visitatori del sito alla pagina successiva del modulo, fai clic sulla sezione Interruzione di pagina che hai creato quando hai aggiunto l'interruzione di pagina al modulo.

Visualizza il pulsante della pagina precedente nell'interruzione di pagina di wpform
Visualizza il pulsante della pagina precedente nell'interruzione di pagina di wpform

Puoi anche abilitare una funzione che mostrerà un pulsante Pagina precedente sul tuo modulo. Ciò consentirà ai tuoi visitatori di tornare alla pagina precedente del modulo, se lo desiderano.

Al termine, fare clic su Salva .

Tempo per la configurazione delle impostazioni del modulo

Dalla scheda Impostazioni , vai su Generale .

Impostazioni generali dei moduli in WPForms
Impostazioni generali del modulo

Puoi configurare:

  • Nome modulo: qui puoi modificare il nome del modulo.
  • Descrizione modulo: puoi aggiungere una descrizione del tuo modulo.
  • Testo del pulsante di invio: personalizza la copia sul pulsante di invio.
  • Prevenzione dello spam: blocca lo spam del modulo di contatto con la funzione honeypot o Google reCAPTCHA.

La funzione di prevenzione dello spam è automaticamente abilitata su tutti i moduli di WordPress. Nel caso, se desideri utilizzare un'altra forma di prevenzione dello spam, deseleziona questa opzione.

  • Moduli AJAX: abilita le impostazioni AJAX senza ricaricare la pagina.
  • Miglioramenti GDPR: è possibile disabilitare la memorizzazione delle informazioni di accesso e dei dettagli utente, come indirizzi IP e programmi utente, per conformarsi ai requisiti GDPR.

Al termine, fare clic su Salva .

Passiamo alla configurazione delle notifiche del modulo

Da questa sezione puoi scegliere se vuoi ricevere la notifica per una nuova voce (invio dell'utente).

Notifiche dei moduli
Gestisci le notifiche dei moduli

Se utilizzi gli smart tag, puoi anche inviare una notifica all'indirizzo e-mail dell'utente quando invia un modulo, informandolo che lo hai ricevuto e che ti contatterà a breve.

Il passaggio successivo include l'impostazione della conferma del modulo

Le conferme dei moduli sono messaggi di riconoscimento che vengono visualizzati dai visitatori dopo l'invio di un modulo. Garantiscono ai visitatori che il loro modulo è stato elaborato.

WPForms ha tre tipi di conferma tra cui scegliere:

  • Messaggio: questo è il tipo di conferma predefinito in WPForms. Quando un visitatore del sito invia un modulo, verrà visualizzato un semplice messaggio di conferma, informandolo che il modulo è stato elaborato. Cerca qui alcuni grandi messaggi di successo per aumentare la felicità dei clienti.
  • Mostra pagina: questo tipo di conferma indirizzerà i visitatori del sito a una pagina Web specifica del tuo sito, ringraziandoli per l'invio del modulo. Per assistenza in questa operazione, dai un'occhiata al nostro tutorial sul reindirizzamento dei clienti a una pagina di ringraziamento. Inoltre, assicurati di controllare il nostro articolo sulla creazione di pagine di ringraziamento efficaci per aumentare la fedeltà dei clienti.
  • Vai all'URL (Reindirizzamento): questa opzione viene utilizzata quando si desidera inviare i visitatori del sito a un altro sito web.

Per iniziare, fai clic sulla scheda Conferma . Ora, seleziona il tipo di conferma dal menu a discesa. Qui, sceglierò il tipo di messaggio.

Gestisci la conferma di WPForms
Gestisci la conferma di WPForms

Successivamente, devi creare un messaggio di conferma sotto la casella di testo che appare.

Al termine, fare clic su Salva .

Ora sei pronto per aggiungere il tuo modulo al tuo sito web

Per iniziare, crea una nuova pagina o pubblica un post dal tuo WordPress. Successivamente, fai clic all'interno del primo blocco, cerca WPForms e seleziona l' icona WPForms .

Incorporamento di WPForms nella pagina di WordPress
Incorporamento di WPForms nella pagina di WordPress

Il widget WPForms apparirà all'interno del tuo blocco. Fai clic sul menu a discesa WPForms e scegli quale dei moduli hai già creato.

Seleziona il modulo da incorporare dal menu a discesa WPForms
Seleziona il modulo da incorporare dal menu a discesa WPForms

Pubblica il tuo post o la tua pagina in modo che il tuo modulo di contatto appaia sul tuo sito web.

Questo è tutto. Ecco come puoi creare facilmente moduli in più passaggi in WordPress utilizzando il plug-in WPForms.