Riepilogo AI
Basta un solo tasto sbagliato in un campo dell'e-mail per perdere un potenziale cliente che non potrai mai ricontattare. Un errore di battitura qui, una lettera mancante là... È uno dei motivi più comuni per cui i moduli compilati correttamente non vanno a buon fine.
Aggiungere un campo "Conferma indirizzo e-mail" è la soluzione più rapida. Obbliga gli utenti a digitare il proprio indirizzo due volte, rileva eventuali errori di digitazione prima dell'invio del modulo e richiede circa 15 secondi per essere configurato in WPForms.
In questo articolo ti mostrerò come abilitare la conferma dell'indirizzo e-mail dell'utente nel tuo modulo in pochi semplici passaggi.
In breve: la risposta in breve
Per aggiungere un campo di conferma dell'indirizzo e-mail in WPForms, apri il modulo nel generatore, clicca sul campo "E-mail" esistente per aprire le opzioni del campo, quindi attiva l'opzione "Abilita conferma e-mail". Salva il modulo. Il gioco è fatto: gli utenti vedranno ora due campi e-mail affiancati e non potranno inviare il modulo finché i due indirizzi non corrisponderanno.
Costruite ora il vostro modulo WordPress
A cosa serve il campo di conferma dell'indirizzo?
Nel campo di conferma dell'indirizzo e-mail viene chiesto agli utenti di digitare due volte il proprio indirizzo e-mail. Se i due valori non corrispondono, il modulo non verrà inviato e l'utente riceverà un gentile promemoria che lo invita a correggere l'errore di digitazione.
Si tratta di una piccola modifica all'esperienza utente che porta grandi vantaggi:
- Meno indirizzi errati dovuti a refusi, come @gmial.com o @yaho.com
- Migliora la deliverability delle tue e-mail di follow-up (i messaggi respinti danneggiano la tua reputazione come mittente)
- Assicurati che i dati nel tuo CRM, nella tua mailing list o nel tuo sistema di assistenza siano puliti fin dal primo giorno
- Tassi di conversione più elevati per i moduli di registrazione e di adesione
Vale particolarmente la pena aggiungerli ai moduli di contatto, ai moduli di registrazione, ai moduli per i lead magnet e a qualsiasi elemento legato a una transazione a pagamento.
Come mostrare un campo per la conferma dell'indirizzo e-mail nei moduli di WordPress
Aggiungere un campo per l'indirizzo e-mail di conferma ai vostri moduli WordPress è davvero facile. Infatti, bastano 4 semplici passaggi, come mostreremo di seguito:
Passo 1: Installare WPForms
La funzione di conferma via e-mail è integrata nel campo "E-mail" standard di WPForms, quindi non servono componenti aggiuntivi. È disponibile in tutti i piani di WPForms, compreso WPForms Lite.
Ti consigliamo di iniziare conWPForms Pro, che include alcune delle nostre funzionalità più apprezzate.
Se hai bisogno di un po' di aiuto per iniziare, ecco una guida praticaall'installazione dei plugin di WordPress.
Passo 2: Creare un modulo
Una volta installato e attivato WPForms, potete creare un modulo e aggiungerlo a una pagina del vostro sito web.
Con WPForms, è davvero facile farlo, poiché puoi utilizzare il generatore di moduli drag-and-drop o semplicemente scegliere tra oltre 2.100 modelli di moduli.
Per farlo, cliccate sulla scheda WPForms nella barra laterale sinistra dell'area di amministrazione di WordPress. Quindi cliccate su Aggiungi nuovo.
Si accede così all'interfaccia di WPForms, dove è possibile dare un nome al modulo e scegliere un modello. Iniziate inserendo un titolo per il vostro modulo, che può essere qualsiasi cosa desideriate.
Scegliete quindi un modello che faccia al caso vostro. Per questa guida, sceglieremo il modello Modulo di contatto semplice. Passare il cursore sul modello desiderato e fare clic su Usa modello.
Il modulo si aprirà nel costruttore di moduli, dove si vedrà il modello di modulo sulla destra e un pannello con i campi del modulo sulla sinistra.
Non sarà necessario aggiungere alcun campo del modulo, poiché quello desiderato - il campo dell'e-mail - è già stato aggiunto al modello Simple Form. Tuttavia, è possibile aggiungere qualsiasi altro campo necessario per il modulo.
Per istruzioni passo passo su come lavorare con i moduli di WordPress, ecco la nostra guida per creare un semplice modulo di contatto.
Passo 3. Modifica del campo e-mail
Per aggiungere un campo di conferma via e-mail, è necessario modificare il campo e-mail. È sufficiente fare clic su di esso per aprire le Opzioni di campo nel pannello di sinistra.
Fare clic sul pulsante Abilita conferma e-mail per attivare questa opzione.
E questo è tutto ciò che dovrete fare qui. Il vostro modulo richiederà ora agli utenti di confermare il loro indirizzo e-mail prima di inviarlo.
Passo 4. Pubblicare il modulo
Il passo finale consiste nel pubblicare il modulo sul sito WordPress. Per prima cosa, fate clic sul pulsante Salva nell'angolo in alto a destra della pagina.
Quindi, fare clic su Incorpora per pubblicare il modulo in una pagina del sito web.
Verrà visualizzata una maschera che offre la possibilità di incorporare il modulo in una nuova pagina o in una pagina esistente.
Per questa esercitazione incorporeremo il modulo in una nuova pagina, facendo clic su Crea nuova pagina.
Inserire un nome per la nuova pagina e fare clic su Let's Go.
A questo punto si dovrebbe vedere l'editor della pagina di WordPress aperto con il modulo inserito al suo interno. Premete il pulsante Pubblica in alto a destra per rendere operativo il modulo.
Quando si visualizza il modulo sul frontend, si vedrà il campo di conferma dell'indirizzo e gli utenti dovranno inserire il loro indirizzo e-mail due volte per confermarlo.
Se si inseriscono due indirizzi e-mail che non corrispondono, il modulo mostrerà un messaggio di convalida in cui si chiede all'utente di inserire nuovamente l'indirizzo e-mail.
Dovranno correggere l'errore prima di inviare il modulo.
Ed ecco fatto! Ora sapete come aggiungere un campo per l'indirizzo e-mail di conferma ai vostri moduli WordPress in soli 4 passaggi.
Migliori pratiche UX per la verifica delle e-mail: 2 suggerimenti extra
Sebbene il campo di conferma dell'indirizzo e-mail sia molto efficace nel ridurre il numero di inserimenti con indirizzi e-mail errati, a volte può essere leggermente frustrante per gli utenti inserire due volte il proprio indirizzo e-mail nello stesso modulo.
Se pensate che l'aggiunta di un ulteriore campo per l'e-mail di conferma possa rovinare l'esperienza utente dei vostri visitatori, ecco due suggerimenti da provare:
Rendere più evidente il campo dell'e-mail
La prassi abituale è quella di iniziare i moduli con il campo del nome. Ma mettere il campo dell'indirizzo e-mail al primo posto è un modo per farlo risaltare, in modo che gli utenti vi prestino maggiore attenzione e compilino il campo con più attenzione.
Aggiungere un promemoria nell'etichetta del campo e-mail
Un'altra cosa da provare è aggiungere un promemoria al campo dell'e-mail, chiedendo agli utenti di controllare che il loro indirizzo e-mail sia stato inserito correttamente.
Questo può essere fatto dal pannello delle opzioni del campo e-mail. È sufficiente cercare il campo Etichetta e aggiungere del testo al posto della dicitura Email.
E se volete, potete usare una combinazione di questi consigli per ottenere i migliori risultati.
Bonus: Blocca gli indirizzi e-mail falsi o temporanei
L'opzione "Abilita conferma via e-mail" rileva gli errori di digitazione, ma non impedisce a qualcuno di inserire intenzionalmente un indirizzo falso (ad esempio [email protected] o una casella di posta temporanea della durata di 10 minuti come Mailinator). Se questo rappresenta un problema per i tuoi moduli, WPForms offre altri due strumenti integrati nello stesso campo e-mail:
- Lista bianca — Accetta solo invii provenienti da domini specifici. Utile per i moduli interni all'azienda in cui si desidera che arrivino solo e-mail con indirizzo @tuaazienda.com.
- Lista di esclusione — Rifiuta le richieste provenienti da domini specifici o indirizzi esatti. Ottima soluzione per bloccare i provider di email usa e getta noti.
Entrambe le opzioni si trovano nella sezione "Opzioni campo" » "Avanzate" del campo e-mail. Abbinale all'opzione "Abilita conferma e-mail" per ottenere i dati e-mail più accurati possibili senza ricorrere a codice personalizzato.
E questo è tutto!
Vi abbiamo mostrato come confermare un indirizzo e-mail nei vostri moduli e abbiamo condiviso altri 2 consigli UX.
Provateli! E potete dare un'occhiata alla nostra guida alle migliori pratiche di progettazione dei moduli per altri suggerimenti sulla progettazione e sul layout dei moduli!
Domande frequenti sulla conferma degli indirizzi e-mail
Devo avere WPForms Pro per aggiungere un campo di conferma via e-mail?
No. L'opzione "Abilita conferma via e-mail" è integrata nel campo "E-mail" standard ed è disponibile in tutti i piani di WPForms, compresa la versione gratuita WPForms Lite.
Il campo dell'e-mail di conferma verifica che l'indirizzo e-mail esista effettivamente?
No — verifica semplicemente che l'utente abbia digitato lo stesso indirizzo due volte. Non garantisce che l'indirizzo di posta sia valido né che i messaggi inviati a quell'indirizzo vengano effettivamente ricevuti. Per questo tipo di verifica, è consigliabile abbinarlo a regole di whitelist/blacklist o a un servizio di verifica e-mail di terze parti.
Perché il mio modulo continua a ricevere indirizzi e-mail non validi anche se ho attivato la conferma?
Di solito si tratta di uno dei tre motivi seguenti: gli utenti inseriscono intenzionalmente indirizzi falsi, la funzione di compilazione automatica del browser inserisce lo stesso indirizzo errato in entrambi i campi oppure i bot ignorano la convalida JavaScript. Per risolvere il problema, aggiungiun CAPTCHA, attiva le regole della lista di esclusione e disattiva la compilazione automatica nel campo di conferma.
Posso personalizzare il messaggio di errore che compare quando le due e-mail non corrispondono?
Sì. Clicca sul campo dell'indirizzo e-mail nel generatore, vai alla scheda "Avanzate" e modifica il campo "Messaggio di errore di conferma". Puoi utilizzare qualsiasi testo che rispecchi lo stile del tuo marchio.
Il campo dell'e-mail di conferma funzionerà sui dispositivi mobili?
Sì. Su dispositivi mobili, WPForms visualizza il campo dell'e-mail di conferma sotto forma di due campi di inserimento sovrapposti, per un layout facile da selezionare. Non è necessaria alcuna configurazione aggiuntiva.
Qual è la differenza tra conferma via e-mail e verifica via e-mail?
Conferma dell'indirizzo e-mail = l'utente digita il proprio indirizzo due volte ed entrambi devono corrispondere (per individuare eventuali errori di digitazione). Verifica dell'indirizzo e-mail = un controllo effettivo dell'esistenza della casella di posta e della sua capacità di ricevere messaggi, solitamente tramite un'e-mail di conferma o un'API di verifica. La funzionalità integrata in WPForms è la conferma; per una vera e propria verifica è necessario un servizio come ZeroBounce o un flusso di e-mail con doppia conferma.
Posso rendere facoltativo il campo dell'e-mail di conferma?
Non proprio: se il campo "Email" originale è obbligatorio, il campo di conferma ne eredita l'impostazione. Se il campo "Email" è facoltativo, il campo di conferma semplicemente non verrà visualizzato a meno che l'utente non inizi a digitare.
Quindi, aggiungere conferme e notifiche personalizzate ai moduli di WordPress
WPForms include tante ottime funzioni per la costruzione dei moduli, tra cui i messaggi di conferma integrati e le notifiche via e-mail con un nome, un oggetto e un messaggio e-mail personalizzati. Potete facilmente impostarli direttamente nel costruttore di moduli, in modo che i vostri utenti sappiano che i loro moduli sono stati inviati correttamente.
Potete anche farvi inviare le notifiche di invio all'e-mail dell'amministratore e visualizzare tutte le voci dei moduli per i campi ripetitori nella vostra dashboard di WordPress.
Siete pronti a creare moduli WordPress potenti e flessibili? Iniziate oggi stesso con il più semplice plugin per la creazione di moduli WordPress. WPForms Pro include molti modelli gratuiti e integrazioni con i più diffusi servizi di email marketing e CRM. Offre inoltre una garanzia di rimborso di 14 giorni.
Costruite ora il vostro modulo WordPress
Se questo articolo vi ha aiutato, seguiteci su Facebook e Twitter per altre guide e tutorial gratuiti su WordPress.
