creare un modulo in stile typeforms in wordpress

Come creare un modulo di conversazione in WordPress (2 modi)

State cercando un modo per creare un modulo di conversazione in WordPress?

Offrire agli utenti un modo per compilare i moduli come se stessero conversando è un ottimo modo per ridurre l'abbandono dei moduli e aumentare i tassi di completamento dei moduli.

In questo articolo vi mostreremo come creare un modulo interattivo in WordPress utilizzando due metodi diversi.

Volete incorporare un modulo di conversazione in una pagina? Andate a vedere il nostro tutorial sull'addon Lead Forms: Lead Forms vi offre tutti i vantaggi dei moduli conversazionali e vi permette di incorporare il vostro modulo anche in un post o in una pagina!

Quali sono i vantaggi di un modulo online conversazionale?

La creazione di moduli che imitano le conversazioni reali presenta molti vantaggi:

  • La compilazione è più facile e veloce, il che aumenta la compilazione dei moduli.
  • Personale e coinvolgente per gli utenti
  • Può essere compilato solo con la tastiera, il che aumenta l'accessibilità del modulo.
  • La natura interattiva migliora l'esperienza dell'utente

Create ora il vostro modulo conversazionale

Come creare un modulo di conversazione in WordPress

Esistono due modi per creare un modulo di conversazione utilizzando diversi componenti aggiuntivi di WPForms.

  • Moduli conversazionali: Questo addon consente di replicare un modulo in stile Typeform in WordPress. Il modulo si apre in una nuova finestra per un'esperienza priva di distrazioni. Il principale svantaggio di un modulo conversazionale è che non può essere incorporato in una pagina esistente.
  • Lead Forms: Questo addon consente di creare un modulo di conversazione che può essere incorporato in qualsiasi post o pagina. L'addon Lead Forms è ottimo se volete generare più contatti o pubblicare un modulo attraente in più fasi per sostituire un modulo normale.

Ecco un esempio di modulo creato con l'addon Lead Forms:

Esempio di modulo Lead

In questa guida ci concentreremo sull'uso di Conversational Forms, che offre l'esperienza classica di un'alternativa a Typeform.

Passo 1: Creare un nuovo modulo in WordPress

La prima cosa da fare è installare e attivare il plugin WPForms. Per maggiori dettagli, consultate questa guida passo passo su come installare un plugin in WordPress.

Successivamente, dovrete creare un nuovo modulo. È possibile creare un numero qualsiasi di moduli online utilizzando WPForms e i suoi oltre 2.000 modelli di moduli WordPress.

È possibile aggiungere altri campi al modulo trascinandoli dal pannello di sinistra a quello di destra.

Personalizzazione di un sondaggio sul feedback dei clienti in WPForms

Quindi, fare clic sul campo per apportare eventuali modifiche. È anche possibile fare clic su un campo del modulo e trascinarlo per riorganizzare l'ordine del modulo online.

Ricordate che, a prescindere dal tipo di modulo online creato, è possibile creare un layout di modulo di contatto conversazionale a pagina intera.

Passo 2: Installare l'Addon Conversational Forms

Una volta che il vostro modulo WordPress è pronto, dovrete installare e attivare l'addon WPForms Conversational Forms.

Con questo addon potrete trasformare il vostro modulo WordPress appena creato in un modulo interattivo.

Per farlo, andate su WPForms " Addons e cercate quello denominato Conversational Forms Addon.

Fare clic su Installa addon per installarlo e attivarlo.

Installazione dell'addon Conversational Forms

L'addon Conversational Forms è ora pronto all'uso. Ma prima di tutto, diamo una rapida occhiata alle impostazioni generali del modulo che potreste voler configurare prima di creare il vostro modulo conversazionale senza distrazioni.

Passo 3: Configurare le impostazioni del modulo

Ci sono molte impostazioni da configurare una volta personalizzato il modulo nel modo desiderato.

Impostazioni generali

Per iniziare, andare su Impostazioni " Generali".

Accesso alle impostazioni generali di un modulo

Qui si possono modificare elementi come il nome del modulo, la descrizione e la copia del pulsante di invio.

È inoltre possibile attivare ulteriori funzioni di prevenzione dello spam per proteggere il sito web dall'invio di moduli indesiderati, aggiungere tag ai moduli e altro ancora.

Notifiche di modulo

Le notifiche sono un ottimo modo per inviare un'e-mail ogni volta che viene inviato un modulo sul vostro sito web.

Accesso alle impostazioni delle notifiche di un modulo

Infatti, a meno che non si disabiliti questa funzione, ogni volta che qualcuno invia un modulo sul vostro sito, riceverete una notifica al riguardo.

Per un aiuto in questa fase, consultate la nostra documentazione su come impostare le notifiche dei moduli in WordPress.

Se avete bisogno di inviare più di una notifica, ad esempio a voi stessi, a un membro del team e al visitatore del vostro sito, consultate il nostro tutorial passo dopo passo su come inviare notifiche multiple di un modulo in WordPress.

Inoltre, se volete mantenere coerente il branding delle vostre e-mail, potete consultare questa guida sull'aggiunta di un'intestazione personalizzata al vostro modello di e-mail.

Intestazione e-mail personalizzata

Conferme dei moduli

Le conferme dei moduli sono messaggi che vengono visualizzati dai visitatori del sito dopo l'invio di un modulo sul vostro sito web. Essi informano i visitatori che il loro modulo è stato elaborato e vi offrono la possibilità di far sapere loro quali sono i passi successivi.

Apertura delle impostazioni di conferma per un modulo d'indagine

WPForms ha 3 tipi di conferma:

  1. Messaggio. Un semplice messaggio che viene visualizzato quando qualcuno invia un modulo sul vostro sito web, ringraziandolo e facendogli sapere quali sono i passi successivi.
  2. Mostra pagina. Reindirizza gli utenti a un'altra pagina del sito web, ad esempio una pagina di ringraziamento.
  3. Vai all'URL (reindirizzamento). Invia i visitatori del sito a un altro sito web.

Se si desidera mostrare ai visitatori del sito conferme diverse in base al loro comportamento, è bene informarsi su come creare conferme condizionali per i moduli.

Fare clic su Salva nell'angolo in alto a destra del costruttore di moduli una volta terminata la configurazione delle impostazioni del modulo.

Passo 4: Configurazione delle impostazioni dei moduli conversazionali

Ora che le impostazioni generali del modulo sono state configurate, è il momento di configurare le impostazioni del modulo conversazionale.

Per farlo, andare su Impostazioni " Moduli di conversazione nel costruttore di moduli e attivare l'opzione Abilita modalità modulo di conversazione.

Attivazione della modalità Conversational Form

A questo punto, apparirà una serie di impostazioni che si possono personalizzare in base alle proprie esigenze.

Titolo e messaggio del modulo

Per iniziare, date al vostro modulo un titolo che verrà visualizzato dai visitatori del sito. Questo è utile per far capire ai visitatori di che cosa si tratta e quale azione si vuole che compiano durante la compilazione del modulo.

Impostazione del titolo del modulo e del messaggio per un modulo conversazionale

Successivamente, è possibile aggiungere un breve messaggio per i visitatori del sito. In questo modo è possibile aggiungere alcune informazioni supplementari, in modo che i visitatori sappiano cosa aspettarsi quando compilano il modulo.

Permalink

Ogni volta che si attiva la modalità conversazionale per il proprio modulo online, l'addon Conversational Forms crea automaticamente un permalink unico per l'utente.

Impostazione del permalink per un modulo conversazionale

È possibile modificare questo permalink se si desidera, oppure lasciarlo.

In ogni caso, questo è l'URL che utilizzerete nelle campagne e-mail, nei collegamenti interni e persino nei post sui social media quando volete che le persone facciano clic sul link del modulo conversazionale e visitino il vostro sito.

È facilissimo da configurare, ed è per questo che WPForms è la migliore alternativa a Typeform.

Logo della testata

La prossima cosa da fare per personalizzare la pagina di destinazione del modulo interattivo è aggiungere un logo. Cliccate su Carica immagine e scegliete l'immagine che volete aggiungere alla pagina di destinazione del modulo.

Aggiunta di un logo di intestazione a un modulo conversazionale

È anche possibile rimuovere il marchio WPForms attivando l'impostazione Nascondi marchio WPForms.

Schemi di colore e barra di avanzamento

Una delle cose migliori dell'addon WPForms Conversational Forms è che potete personalizzare la pagina di destinazione del vostro modulo interattivo in modo che abbia uno schema di colori che corrisponda al marchio della vostra azienda.

Lo schema di colori scelto determinerà il colore di sfondo della pagina di destinazione del modulo e dei pulsanti del modulo.

Una forma colloquiale con una combinazione di colori blu

Per facilitarvi le cose, vi abbiamo dato diverse combinazioni di colori tra cui scegliere, che sappiamo essere di grande effetto in ogni caso.

Utilizzo del selezionatore di colori per impostare lo schema di colori di un modulo di conversazione

Se non vi piace nessuno dei colori preimpostati, potete sempre usare il selezionatore di colori e scegliere un colore personalizzato.

È inoltre possibile scegliere tra due stili di barra di avanzamento:

  1. Percentuale: mostra agli utenti, in termini di percentuale, a che punto sono della compilazione del modulo.
  2. Proporzione: mostra agli utenti quanti campi del modulo hanno completato, in modo che sappiano quante domande restano da rispondere.

Gli stili della barra di avanzamento per i moduli di conversazione in WPForms

Una volta configurate tutte le impostazioni della landing page del modulo conversazionale, è possibile fare clic sul pulsante Anteprima del modulo conversazionale, vicino alla parte superiore, per vedere come apparirà il modulo una volta attivo.

Quando tutto appare come desiderato, fare clic su Salva.

Ora il vostro modulo è attivo e pronto per iniziare ad accettare le richieste!

Create ora il vostro modulo conversazionale

Successivamente, ridurre l'abbandono dei moduli

Ed ecco fatto! Ora sapete come creare un modulo interattivo in WordPress. Ora le persone che hanno l'URL unico o un link alla pagina di destinazione del vostro modulo interattivo potranno visualizzarlo e compilarlo.

Se state cercando altri modi per combattere l'abbandono dei moduli, date un'occhiata a questo articolo su come ridurre l'abbandono dei moduli e aumentare le vendite.

Quindi, cosa state aspettando? Iniziate oggi stesso a utilizzare il più potente plugin per moduli WordPress.

E non dimenticate che se questo articolo vi è piaciuto, seguiteci su Facebook e Twitter.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se fate clic su alcuni dei nostri link, potremmo guadagnare una commissione. Scoprite come WPForms viene finanziato, perché è importante e come potete sostenerci.

Team editoriale

Il team editoriale di WPForms è composto da esperti di WordPress e specialisti della crescita delle piccole imprese. La nostra passione è aiutare gli imprenditori e i proprietari di siti web ad avere successo. Persaperne di più

Il miglior plugin per la creazione di moduli di WordPress con trascinamento e rilascio

Facile, veloce e sicuro. Unitevi agli oltre 6 milioni di proprietari di siti web che si fidano di WPForms.

Per completare questo modulo, abilitare JavaScript nel browser.

4 commenti su "Come creare un modulo di conversazione in WordPress (2 modi)"

  1. Sono un po' confuso. Avevo bisogno di un semplice modulo per il sito che sto costruendo. WP forms sembrava perfetto. Ho costruito il primo in un paio di minuti. L'ho compilato e inviato per testarlo (il mio email è indicato come amministratore e unico utente sul sito WP. Non ho visto dove poter inserire un'altra email, quindi ho pensato che avrei ricevuto l'invio del modulo completato). Mi aspettavo di riceverlo nella mia e-mail. Cosa mi sfugge?

  2. È possibile incorporare il modulo di conversazione in un'altra pagina del mio sito anziché utilizzare il permalink che crea? Quando provo a incorporarlo, si trasforma in un modulo tradizionale anziché in un modulo conversazionale simile a un typeform.

    Inoltre, c'è un modo per rimuovere il messaggio aggiunto automaticamente "Si prega di abilitare JavaScript nel browser per completare questo modulo"?

    1. Ehi Bri - Al momento non disponiamo della funzione per incorporare il modulo di conversazione in una pagina normale. Sono d'accordo che sarebbe fantastico e lo inserirò nel nostro tracker delle richieste di funzionalità. Nel frattempo, puoi considerare di dare un'occhiata all'addon Leads Forms come soluzione alternativa.

      Per risolvere l'errore Javascript che state vedendo, vi suggerisco di dare un'occhiata alla nostra documentazione qui.

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.

Questo modulo è protetto da Cloudflare Turnstile e si applicano l'Informativa sulla privacy e i Termini di servizio di Cloudflare.