Come aggiungere campi email ai moduli di WordPress

La posta elettronica è il fulcro della comunicazione online. Ogni modulo di contatto, iscrizione alla newsletter e registrazione necessita di un indirizzo email affidabile. campo emailMa un semplice inserimento di testo non è sufficiente: è necessaria la convalida per individuare errori di battitura, una conferma facoltativa per garantire l'accuratezza e una formattazione corretta per dati utilizzabili. Ecco come aggiungere campi email funzionali.

Perché utilizzare un campo email dedicato?

Problemi con i campi di testo per la posta elettronica

• Nessuna convalida del formato
• Gli errori di battitura passano inosservati
• Sono state accettate voci non valide
• Nessuna tastiera e-mail sul cellulare
• Tentativi di follow-up sprecati

Vantaggi dei campi e-mail

• Convalida del formato integrata
• Rileva errori comuni
• Tastiera e-mail sui dispositivi mobili
• Raccolta dati standardizzata
• Migliore recapito per i follow-up

Aggiungere un campo e-mail

Passaggio 1: aggiungere il campo

1. Apri il tuo modulo in AFB
2. Trovate E-mail nei tipi di campo
3. Trascina sul tuo modulo

Passaggio 2: configura le impostazioni di base

• Etichetta: “Indirizzo email” o “La tua email”
• Segnaposto: "[email protected]"
• richiesto: Di solito sì per i moduli di contatto
• Testo di aiuto: Istruzioni facoltative

Passaggio 3: salva e prova

1. Salva il tuo modulo
2. Anteprima sul frontend
3. Prova a inviare un indirizzo email non valido
4. Verificare che la convalida funzioni

Convalida e-mail

Cosa viene convalidato

Verifica del formato corretto dei campi e-mail:

Valido: ✓ [email protected]
✓ [email protected]
✓ [email protected]

Non valido: ✗ userexample.com (manca @) ✗ [email protected] (dominio mancante) ✗ utente@esempio (TLD mancante) ✗ @esempio.com (nome utente mancante)

Messaggi di errore di convalida

Predefinito: "Inserisci un indirizzo email valido" Personalizzato: "Non sembra un indirizzo email. Controlla e riprova"

Cosa non controlla la convalida

• Se la posta elettronica esiste realmente
• Se la casella di posta è attiva
• Deliverability

La convalida del formato garantisce la corretta struttura, non l'esistenza.

Campo di conferma e-mail

Cos'è?

Un secondo campo email in cui gli utenti reinseriscono il proprio indirizzo. Entrambi devono corrispondere per poter inviare il messaggio.

E-mail: [[email protected]    ] Conferma email: [[email protected]    ] ✓ Corrispondenze

Perché usare la conferma?

• Rileva errori di battitura (il più comune: dominio sbagliato)
• Costringe gli utenti a ricontrollare
• Riduce le comunicazioni e-mail non riuscite
• Fondamentale per le transazioni importanti

Quando usare

• Registrazione dell'account
• Iscrizione alla newsletter
• Conferme d'ordine
• Qualsiasi modulo in cui l'accuratezza dell'email è fondamentale

Quando saltare

• Moduli di contatto semplici
• Richieste rapide
• Quando ridurre l'attrito è una priorità

Abilitazione della conferma

1. Seleziona il tuo campo email
2. Trova l'opzione "Campo di conferma"
3. Attivare
4. Il secondo campo appare automaticamente

Comportamento di conferma

E-mail: [email protected]
Confermare: [email protected]  ← Errore di battitura! Errore: "Gli indirizzi email non corrispondono"

Restrizioni al dominio

Cosa sono le restrizioni di dominio?

Limita i domini di posta elettronica accettati:

• Lista bianca: Consenti solo domini specifici
• Lista nera: Blocca domini specifici

Casi d'uso della whitelist

Accetta solo email da determinati domini:

Consentito: @company.com, @company.org Rifiutato: tutto il resto Utilizzo per: - Moduli aziendali interni - Registrazione dipendenti - Accesso riservato all'organizzazione

Casi d'uso della lista nera

Blocca determinati domini:

Bloccato: @mailinator.com, @tempmail.com, @guerrillamail.com Consentito: tutto il resto Utilizzo per: - Prevenire email usa e getta - Ridurre le iscrizioni allo spam - Garantire indirizzi di contatto reali

Configurazione delle restrizioni di dominio

1. Seleziona il campo email
2. Trova le impostazioni di restrizione del dominio
3. Scegli la modalità whitelist o blacklist
4. Inserisci i domini (uno per riga)

Esempio: solo e-mail aziendali

Modalità: Domini nella whitelist: company.com company.org Errore: "Utilizza l'indirizzo email della tua azienda"

Esempio: Blocca le email usa e getta

Modalità: Domini nella blacklist: mailinator.com tempmail.com guerrillamail.com 10minutemail.com throwaway.email Errore: "Utilizza un indirizzo email permanente"

Esempi di configurazione

Esempio 1: Modulo di contatto di base

Etichetta: "Indirizzo email" Segnaposto: "[email protected]" Obbligatorio: Sì Conferma: No Restrizioni di dominio: Nessuna

Esempio 2: Iscrizione alla newsletter

Etichetta: "La tua email" Segnaposto: "Inserisci la tua email..." Obbligatorio: Sì Conferma: Sì Limitazioni di dominio: Blocca usa e getta Testo di aiuto: "Non condivideremo mai la tua email"

Esempio 3: Registrazione dell'account

Etichetta: "Email (sarà il tuo nome utente)" Segnaposto: "[email protected]" Obbligatorio: Sì Conferma: Sì Restrizioni di dominio: Nessuna Testo di aiuto: "Utilizza un indirizzo email che controlli regolarmente"

Esempio 4: Modulo dipendente

Etichetta: "Email di lavoro" Segnaposto: "[email protected]" Obbligatorio: Sì Conferma: No Restrizioni di dominio: Inserisci solo company.com nella whitelist Testo di aiuto: "Usa l'email ufficiale della tua azienda"

Esempio 5: Generazione di lead

Etichetta: "Email aziendale" Segnaposto: "[email protected]" Obbligatorio: Sì Conferma: No Restrizioni di dominio: Blocca gmail.com, yahoo.com (solo B2B) Testo di aiuto: "Per le richieste commerciali, utilizza la tua email di lavoro"

Ottimizzazione mobile

Tastiera e-mail

I campi e-mail attivano la tastiera mobile specializzata:

• simbolo @ facilmente accessibile
• Scorciatoia .com su molte tastiere
• Interferenza di correzione automatica ridotta
• Ingresso più veloce

Migliori pratiche per dispositivi mobili

• Etichetta chiara e leggibile
• Testo segnaposto utile
• Dimensione adeguata del target di tocco
• Cancella i messaggi di errore

Errori comuni nei campi e-mail

1. Utilizzare il testo invece del tipo di e-mail

Sbagliato: Giusto:

Il tipo di email consente la convalida e la tastiera mobile.

2. Non fare ciò che è necessario quando necessario

Se hai bisogno di rispondere, dovresti usare l'email.

3. Segnaposto confuso per l'etichetta

Sbagliato: solo segnaposto, nessuna etichetta Corretto: etichetta chiara + segnaposto utile

4. Validazione eccessivamente rigorosa

Alcune email valide hanno un aspetto insolito:

Valido ma non comune: - [email protected]
- [email protected]
- [email protected]

Non rifiutare i formati validi.

5. Nessun contesto del messaggio di errore

Sbagliato: "Input non valido" Corretto: "Inserisci un indirizzo email valido (esempio: [email protected])"

Etichette dei campi e-mail

Buoni esempi di etichette

• "Indirizzo e-mail"
• "La tua email"
• "E-mail"
• “Email di lavoro”
• “Email di contatto”

Etichette specifiche del contesto

• “Email (per la conferma dell’ordine)”
• “Email (dove ti invieremo il download)”
• “Email aziendale”
• “Email preferita”

Esempi di segnaposto

• "[email protected]"
• “Inserisci il tuo indirizzo email…”
• "[email protected]"
• "[email protected]"

Idee per il testo di aiuto

Garanzia della privacy

"Non condivideremo mai la tua email con nessuno" "La tua email è mantenuta riservata" "Rispettiamo la tua privacy"

Spiegazione dell'utilizzo

"Ti invieremo la conferma qui" "Dove dobbiamo inviare il link per il download?" "Riceverai gli aggiornamenti a questo indirizzo"

Guida al formato

"Utilizza un formato email valido (esempio: [email protected])" "Utilizza un indirizzo email che controlli regolarmente" "Inserisci l'indirizzo email associato al tuo account"

Campi email multipli

Quando usare più

• Contatto primario e secondario
• Email personale e di lavoro
• Notifiche di fatturazione e spedizione

Esempio: Primario/Secondario

Email principale: [________________] (obbligatorio) Email secondaria: [________________] (facoltativo) Testo di aiuto: "Email secondaria per il contatto di backup"

Esempio: Account + Notifiche

Email dell'account: [________________] Email di notifica: [________________] ☐ Uguale all'email dell'account

Gestione delle richieste

Nelle notifiche e-mail

I valori del campo e-mail vengono visualizzati nella notifica:

Nuovo invio dal modulo di contatto: Nome: John Smith Email: [email protected]  ← Clicca per rispondere Messaggio: ...

Configurazione di risposta

Imposta il campo email come indirizzo di risposta:

• Cliccando su "Rispondi" si accede al mittente
• Comunicazione di follow-up semplice

Nelle esportazioni

Colonna CSV: Valori e-mail: [email protected], [email protected]...

Riepilogo delle migliori pratiche

Do

• ✓ Utilizza un tipo di campo e-mail dedicato
• ✓ Aggiungi un'etichetta chiara
• ✓ Includi segnaposto utile
• ✓ Rendi necessario quando necessario
• ✓ Utilizzare la conferma per i moduli importanti
• ✓ Aggiungi un testo di aiuto che rassicuri la privacy
• ✓ Test su dispositivi mobili

Non

• ✗ Utilizza il campo di testo per l'e-mail
• ✗ Salta la convalida
• ✗ Usa il segnaposto solo come etichetta
• ✗ Limitare eccessivamente i domini validi
• ✗ Dimentica l'ottimizzazione della tastiera mobile

Troubleshooting

Email valida rifiutata

• Controlla le impostazioni di restrizione del dominio
• Verifica che il formato email sia standard
• Alcuni TLD insoliti potrebbero richiedere dei test

Conferma non corrispondente

• Controlla gli spazi extra
• Sensibilità alle maiuscole e alle minuscole (di solito non è un problema)
• Copia-incolla può includere caratteri nascosti

Tastiera mobile non di tipo e-mail

• Verifica che il tipo di campo e-mail sia utilizzato
• Alcuni browser/dispositivi variano
• Controlla il tipo di input nel codice

Gli invii hanno indirizzi email non validi

• Assicurati che la convalida sia abilitata
• Controllare il funzionamento della convalida lato client
• Aggiungi backup di convalida lato server

Sintesi

Aggiungere campi email ai moduli di WordPress:

1. Aggiungi campo Email – Trascina per formare
2. Imposta etichetta – Chiaro, descrittivo
3. Aggiungi segnaposto – Esempio di formato
4. Rendi obbligatorio – Se necessario per il follow-up
5. Abilita conferma – Per una precisione critica
6. Imposta restrizioni di dominio – Se si limitano i domini
7. Aggiungi testo di aiuto – Note sulla privacy o sull’utilizzo
8. Testare accuratamente – Valido, non valido, mobile

Conclusione

Il campo email è spesso il campo più importante del modulo: è il modo in cui raggiungerai la persona che ha inviato il modulo. L'utilizzo di un campo email dedicato garantisce una convalida adeguata, l'ottimizzazione per dispositivi mobili e la qualità dei dati. Aggiungi la conferma quando l'accuratezza è fondamentale e considera le restrizioni di dominio per filtrare gli invii. Un campo email ben configurato significa meno email respinte e una migliore comunicazione.

Generatore automatico di moduli Include un campo email completo con funzionalità di convalida integrata, conferma opzionale e limitazione del dominio. Raccogli indirizzi email in tutta sicurezza.

Pronto ad aggiungere campi email? Scarica Auto Form Builder e inizia subito a raccogliere indirizzi email validi.