Come creare un modulo in più passaggi WordPress (il modo senza codice)

Pubblicato: 2022-06-18

Cerchi un tutorial per creare un modulo WordPress multi-step?

Un modulo a più fasi divide i moduli grandi in parti più piccole. I moduli in più passaggi riducono il disordine e rendono più semplice la registrazione per i tuoi visitatori. È un ottimo modo per aumentare le conversioni e migliorare l'esperienza utente complessiva.

Ma crearne uno da zero è davvero stancante e se devi assumere uno sviluppatore per crearne uno, sarà anche costoso.

In questo articolo, ti mostreremo come creare un modulo WordPress in più passaggi in modo semplice senza codifica.

Immergiamoci.

Passaggio 1: crea un nuovo modulo con WPForms

La prima cosa che devi fare è installare e attivare WPForms.

WPForms

WPForms è il plug-in per la creazione di moduli WordPress n. 1 al mondo. Se non sei sicuro di come installare WPForms, dovresti dare un'occhiata a questa guida passo passo su come installare un plug-in in WordPress.

Quindi, vai alla dashboard di WPForms e vai su Download per ottenere il tuo plug-in:

Download di WPForms

Quindi, installa e attiva il plug-in sul tuo sito. E copia la tua chiave di licenza nella stessa scheda.

Infine, vai alla dashboard di WordPress e vai su WPForms »Impostazioni e incolla la tua chiave di licenza:

Attiva la licenza WPForms

Quando hai finito, fai clic su Connetti .

Ora che WPForms è installato e attivato, è il momento di creare il tuo primo modulo. Vai a WPForms »Aggiungi nuovo :

Aggiungi un nuovo modulo con WPForms

Questo aprirà il generatore di moduli trascina e rilascia di WPForms.

Per creare un nuovo modulo, assegnagli un nome e seleziona il modello di modulo:

Titolo e modello del modulo

E questo è tutto! se vuoi aggiungere o modificare i campi nel tuo modulo di contatto, puoi farlo dalla barra laterale. Trascina e rilascia i campi del modulo per aggiungerne di nuovi e fai clic sui campi esistenti per modificarli:

Aggiungi campi modulo dalla barra laterale

Quando hai finito, premi Salva .

Passaggio 2: inserisci il campo dell'interruzione di pagina nel modulo

Dividere il tuo modulo in più pagine è molto semplice e facile con WPForms.

Dopo aver aggiunto e personalizzato tutti i campi del modulo nel modulo, è necessario aggiungere il campo del modulo Interruzione di pagina al tuo sito per dividerlo in diverse pagine.

Per fare ciò, trascina il campo del modulo Interruzione di pagina , che si trova in Campi fantasia , dal pannello di sinistra al pannello di destra.

Interruzione di pagina di WPForms

Posiziona il campo in cui desideri dividere il modulo. Se vuoi più interruzioni, usa più moduli di interruzione di pagina.

Passaggio 3: personalizzare la barra di avanzamento del modulo multipagina

La maggior parte del tuo lavoro nella progettazione del modulo viene svolto a questo punto. Ma per qualsiasi modulo multipagina, ti consigliamo di utilizzare una barra di avanzamento per far sapere ai tuoi visitatori fino a che punto sono nel processo di registrazione. Puoi andare oltre per dare anche i titoli alle tue pagine.

Per personalizzare la barra di avanzamento e il titolo della pagina della prima pagina del modulo in più passaggi, fai clic sulla sezione Interruzione prima pagina .

Personalizza le interruzioni di pagina

Nella barra laterale, puoi impostare il tipo di indicatore di avanzamento come Cerchi o Connettori . Puoi anche impostare il titolo della pagina.

Titolo della pagina e indicatore di avanzamento

La cosa epica è che puoi anche impostare un colore indicatore di pagina personalizzato. Quando sei felice, puoi anche personalizzare le altre interruzioni di pagina esattamente nello stesso modo.

Puoi anche attivare la funzione che ti consente di mostrare ai visitatori del sito un pulsante Pagina precedente . In questo modo possono tornare alla pagina precedente del modulo, se necessario.

Abilita pulsante Pagina precedente

Quando hai finito, premi semplicemente il pulsante Salva .

Passaggio 4: configura le impostazioni del modulo in più passaggi

Successivamente, ti consigliamo di impostare notifiche e conferme.

Le notifiche sono e-mail che ricevi quando qualcuno compila il modulo. Le conferme hanno lo scopo di avvisare l'utente di aver compilato correttamente il modulo. Di solito si tratta di un messaggio di ringraziamento, ma puoi anche reindirizzare i tuoi utenti a una pagina dedicata.

Vai su Impostazioni »Conferme per configurare le impostazioni di conferma:

Conferma del modulo

E poi nello stesso menu, vai su Notifiche per configurare i tuoi messaggi di notifica:

Notifiche dei moduli

Per impostazione predefinita, le notifiche vengono inviate all'e-mail dell'amministratore di WordPress. Quindi, se desideri che le e-mail vengano inviate da qualche altra parte, come l'ID e-mail del tuo responsabile vendite, puoi farlo proprio qui.

Passaggio 5: aggiungi il modulo in più passaggi al tuo sito Web WordPress

A questo punto hai finito di configurare il tuo modulo di contatto WordPress. Quindi, andiamo avanti e aggiungilo a una pagina. Esistono 3 metodi di base per aggiungere un modulo di contatto WPForms al tuo sito WordPress. Daremo un'occhiata a ciascuno.

Metodo n. 1: aggiungi il modulo utilizzando l'editor blocchi

Vai alla pagina in cui desideri aggiungere il modulo di contatto e aggiungi un nuovo blocco WPForms:

Aggiungi il modulo di contatto utilizzando il blocco WPForms

Quindi, seleziona il modulo appena creato utilizzando il menu a discesa:

Modulo di selezione blocco WPForm

E dovresti vedere che il tuo modulo di contatto viene inserito automaticamente nella tua pagina.

Basta premere Salva e pubblica per vedere il tuo modulo WordPress in azione.

Metodo n. 2: aggiungi il tuo modulo di contatto utilizzando gli shortcode di WPForms

WPForms genera anche uno shortcode per ogni modulo di contatto di WordPress. Puoi copiare lo shortcode del modulo di contatto visitando WPForms »Tutti i moduli :

codici brevi di WPForms

E poi, incolla lo shortcode in qualsiasi post o pagina che desideri. È così semplice.

Se non conosci gli shortcode, dovresti dare un'occhiata a questo articolo su come aggiungere uno shortcode sui siti WordPress.

Metodo n. 3: aggiungi il tuo modulo di contatto alle barre laterali

La barra laterale è una delle funzionalità più sottoutilizzate nella maggior parte dei siti WordPress. Ti consigliamo vivamente di inserire un modulo di contatto nelle barre laterali del tuo sito. Vai su Aspetto »Widget nella dashboard di WordPress e aggiungi il widget WPForms alla barra laterale:

Aggiungi modulo di contatto alla barra laterale

E hai finito!

Come promuovere il tuo modulo multi-passo WordPress

Questo è tutto per questo, gente!

A questo punto, hai creato un modulo WordPress in più passaggi. Successivamente, dovresti impostare il monitoraggio dell'abbandono dei moduli per ridurre i tassi di abbandono dei moduli.

Dopodiché, tutto ciò che resta è generare traffico sul tuo sito in modo che i tuoi moduli di contatto possano mettersi al lavoro. Un modo semplice per farlo è iniziare a utilizzare le notifiche push. L'invio di notifiche push è un ottimo modo per generare traffico ripetuto per il tuo sito. Se è qualcosa che ti interessa, dovresti dare un'occhiata anche a questi articoli:

  • Costo della notifica push: è davvero gratuito? (Analisi dei prezzi)
  • Come ottenere più traffico sul tuo blog WordPress (9 semplici modi)
  • Come aumentare il tasso di attivazione delle notifiche push Web (7 modi)

Ti consigliamo di utilizzare PushEngage per inviare le tue notifiche push. PushEngage è il software di notifica push numero 1 al mondo. Quindi, se non l'hai già fatto, inizia oggi stesso con PushEngage.