Come creare un modulo di contatto in WordPress senza programmazione
Vuoi aggiungere un modulo di contatto al tuo sito WordPress ma non sai come programmare? Sei nel posto giusto. In questa guida passo passo, imparerai come... crea un modulo di contatto professionale in WordPress senza scrivere una sola riga di codice—e ci vogliono meno di 5 minuti.
Che tu sia un blogger, un piccolo imprenditore o che tu stia creando il tuo primo sito web, avere un modulo di contatto è essenziale. Permette ai visitatori di raggiungerti facilmente, ti aiuta ad acquisire lead e ha un aspetto molto più professionale rispetto alla semplice pubblicazione del tuo indirizzo email.
Perché ogni sito web WordPress ha bisogno di un modulo di contatto
Prima di addentrarci nel tutorial, cerchiamo di capire perché un modulo di contatto è importante:
- Protegge la tua email dallo spam – Pubblicare pubblicamente il tuo indirizzo email invita i bot spam a inondare la tua casella di posta
- Sembra professionale – Un modulo ben progettato crea fiducia nei visitatori
- Raccoglie informazioni strutturate – Ottieni i dettagli di cui hai bisogno (nome, email, messaggio) in un formato organizzato
- Tracce di richieste – Memorizza gli invii nella dashboard di WordPress invece di perderli nella posta elettronica
- Esperienza ottimizzata per i dispositivi mobili – I moduli funzionano perfettamente su telefoni e tablet
Di cosa avrai bisogno
Per seguire questo tutorial, avrai bisogno di:
- Un sito web WordPress (WordPress.org auto-ospitato)
- Accesso amministratore per installare i plugin
- 5 minuti del tuo tempo
Tutto qui! Non sono richieste conoscenze di programmazione, né esperienza tecnica, né strumenti a pagamento.
Passaggio 1: installa Auto Form Builder (plugin gratuito)
Useremo Generatore automatico di moduli (conosciuto anche come AFB)—un libero, plugin WordPress leggero Con un'interfaccia visiva drag-and-drop. È perfetto per i principianti perché non richiede alcuna curva di apprendimento.
Ecco come installarlo:
- Accedi alla dashboard di amministrazione di WordPress
- Vai su Plugin → Aggiungi nuovo
- Cercare "AFB" (nome abbreviato di Auto Form Builder)
- Cercare "AFB – Auto Form Builder – Creatore di moduli drag & drop"
- Clicchi Ora l'installazione, poi Attivare
Suggerimento: Cercare "AFB" è il modo più rapido per trovare il plugin nel repository di WordPress.
Una volta attivato, vedrai "Auto Form Builder" nel menu di amministrazione di WordPress. Ecco fatto: sei pronto per creare il tuo primo modulo!
Passaggio 2: crea un nuovo modulo di contatto
Ora creiamo il tuo modulo di contatto:
- Clicchi Generatore automatico di moduli nel tuo menu di amministrazione
- Clicchi Crea nuovo modulo
- Verrà visualizzata una schermata di selezione del modello: scegli Modulo di Contatto
Auto Form Builder è dotato di un modello di modulo di contatto predefinito che include:
- Campo Nome completo
- Campo Indirizzo email
- Campo Numero di telefono (facoltativo)
- Campo messaggio
Il modello è pronto per essere utilizzato immediatamente, ma puoi personalizzarlo come preferisci.
Passaggio 3: personalizza i campi del modulo (facoltativo)
Vuoi aggiungere o modificare campi? Il generatore drag-and-drop semplifica il tutto:
Aggiunta di nuovi campi
Nella barra laterale sinistra, vedrai i tipi di campo disponibili. Semplicemente trascina qualsiasi campo sul tuo modulo canvas:
- Inserimento di testo – Per risposte brevi come nome o argomento
- Email – Convalida automaticamente gli indirizzi email
- Phone – Per numeri di telefono con formattazione facoltativa
- Area di testo – Per messaggi più lunghi
- Discesa – Consentire agli utenti di selezionare tra le opzioni (come "Motivo del contatto")
- casella di controllo – Per caselle di consenso o selezioni multiple
Modifica delle impostazioni del campo
Fai clic su un campo qualsiasi per personalizzarlo:
- Cambiare il etichetta (ad esempio, "Il tuo nome" invece di "Nome completo")
- Aggiungi testo segnaposto per guidare gli utenti
- Crea campi necessario o facoltativa
- Aggiungi Testo guida sotto i campi
Riordinamento dei campi
Semplicemente trascina i campi verso l'alto o verso il basso per modificarne l'ordine. Il visual builder mostra esattamente come apparirà il tuo modulo.
Passaggio 4: configurare le impostazioni del modulo
Clicca su Impostazioni profilo scheda per configurare cosa succede quando qualcuno invia il tuo modulo:
Messaggio di successo
Personalizza il messaggio che gli utenti visualizzano dopo l'invio. Ad esempio:
Grazie per averci contattato! Ti risponderemo entro 24 ore.
Notifiche e-mail
Ricevi una notifica immediata quando qualcuno compila il tuo modulo:
- Consentire a tutti Notifiche e-mail
- Inserisci il tuo indirizzo email (o più indirizzi email separati da virgole)
- Personalizza la riga dell'oggetto dell'e-mail
Ogni invio verrà inviato direttamente alla tua casella di posta e archiviato in modo sicuro nella dashboard di WordPress.
Passaggio 5: Definisci lo stile del modulo (facoltativo)
Desideri che il modulo si adatti al design del tuo sito web? Fai clic sulla scheda Personalizza per personalizzarlo:
- Colore – Cambia i colori, gli sfondi e il testo dei pulsanti
- Borders – Regola i bordi del campo e il raggio degli angoli
- Spaziatura – Controllo del padding e dei margini
- Pulsante – Personalizza il testo e l’aspetto del pulsante di invio
I moduli di Auto Form Builder sono progettati per apparire al meglio su qualsiasi tema, quindi lo stile è completamente facoltativo.
Passaggio 6: salva e ottieni il tuo codice breve
Una volta che sei soddisfatto del tuo modulo:
- Assegna un nome al tuo modulo (ad esempio, "Modulo di contatto")
- Clicchi Salva modulo
- copiare il shortcode visualizzati
Passaggio 7: aggiungi il modulo di contatto alla tua pagina
Ora mostriamo il tuo modulo sul tuo sito web:
Opzione A: Aggiungi a una pagina esistente
- Vai su Pagine e modifica la tua pagina Contatti
- Incolla lo shortcode nel punto in cui desideri che appaia il modulo
- Clicchi Aggiornanento
Opzione B: Crea una nuova pagina di contatto
- Vai su Pages → Aggiungi nuovo
- Intitolalo "Contatti" o "Contattaci"
- Aggiungi del testo introduttivo se vuoi
- Incolla lo shortcode
- Clicchi Pubblica
Visita la tua pagina per vedere il tuo nuovo, splendido modulo di contatto in azione!
Passaggio 8: testa il tuo modulo di contatto
Prima di annunciare al mondo il tuo nuovo modulo, testalo:
- Visita la tua pagina dei contatti
- Compila il modulo con le informazioni del test
- Fai clic su Invia
- Verifica di vedere il messaggio di successo
- Controlla la tua email per la notifica
- In WordPress, vai a Generatore automatico di moduli → Invii per vedere la voce memorizzata
Se tutto funziona, congratulazioni: il tuo modulo di contatto è attivo!
Gestione degli invii di moduli di contatto
Una delle migliori caratteristiche di Auto Form Builder è la funzionalità integrata gestione delle sottomissioniA differenza di alcuni plugin di moduli che inviano solo e-mail, ogni invio viene archiviato nel database di WordPress.
Vai su Generatore automatico di moduli → Articoli di:
- Visualizza tutti gli invii in una tabella ricercabile
- Filtra per data – Oggi, questa settimana, questo mese, ecc.
- Cerca invii – Trova messaggi specifici all’istante
- Segna come letto/non letto – Tieni traccia delle richieste che hai gestito
- Contrassegna i messaggi importanti con una stella – Segnala i contatti ad alta priorità
- Esporta in CSV – Scarica i tuoi dati per fogli di calcolo o backup
Ciò significa che non perderai mai una richiesta di un cliente, anche se le email non vengono recapitate.
Perché Auto Form Builder è perfetto per i moduli di contatto
Sono disponibili molti plugin per moduli WordPress, ma ecco perché Auto Form Builder si distingue per la creazione di moduli di contatto:
| Caratteristica | Generatore automatico di moduli |
|---|---|
| Prezzo | ✅ gratuito |
| Generatore di trascinamento della selezione | ✅ Sì |
| Modello di modulo di contatto predefinito | ✅ Sì |
| Notifiche di posta elettronica | ✅ Sì |
| Archiviazione delle presentazioni | ✅ Sì (su WordPress) |
| Cellulare reattivo | ✅ Sì |
| Nessun codice richiesto | ✅ Sì |
| Leggero e veloce | ✅ Sì |
| Conforme al GDPR (dati sul tuo server) | ✅ Sì |
| Esportare gli invii | ✅ CSV, JSON, XML |
| Logica condizionale | ✅ Sì |
Domande frequenti
Il modulo funzionerà con il mio tema WordPress?
Sì. Auto Form Builder è progettato per funzionare con qualsiasi tema WordPress.
Posso ricevere i moduli inviati via e-mail?
Assolutamente sì. Abilita le notifiche email nelle impostazioni del modulo e riceverai un'email ogni volta che qualcuno invia il tuo modulo. Gli invii vengono anche salvati nella dashboard di WordPress come backup.
Il modulo di contatto è ottimizzato per i dispositivi mobili?
Sì. Tutti i moduli creati con Auto Form Builder sono completamente responsive e hanno un aspetto impeccabile su telefoni, tablet e computer desktop.
Come posso proteggere il mio modulo dallo spam?
Auto Form Builder offre componenti aggiuntivi per la protezione dallo spam, tra cui Google reCAPTCHA e Cloudflare Turnstile.
Passi successivi
Ora che hai un modulo di contatto sul tuo sito web WordPress, prendi in considerazione questi miglioramenti:
- Aggiungi il tuo modulo di contatto al piè di pagina – Rendilo accessibile da ogni pagina
- Crea un modulo di feedback – Raccogli recensioni e testimonianze dei clienti
- Crea un modulo di iscrizione alla newsletter – Aumenta la tua lista email
- Aggiungi protezione antispam – Abilita reCAPTCHA per i siti ad alto traffico
Conclusione
Creare un modulo di contatto in WordPress non richiede alcuna competenza di programmazione. Con Generatore automatico di moduli, puoi creare un modulo di contatto professionale e ottimizzato per i dispositivi mobili in meno di 5 minuti, in modo completamente gratuito.
L'interfaccia drag-and-drop semplifica l'utilizzo anche per i principianti, mentre la gestione integrata delle richieste di invio garantisce di non perdere mai una richiesta da parte dei clienti. Inoltre, tutti i tuoi dati rimangono al sicuro sul tuo server WordPress.
Pronto a creare il tuo modulo di contatto? Scarica Auto Form Builder dal repository dei plugin di WordPress e inizia subito.
