Sapete cosa facevamo quando abbiamo iniziato WPBeginner? Mettevamo semplicemente un modulo di contatto di base su una pagina e basta.
Ma ecco cosa c'è di interessante: dopo aver analizzato migliaia di siti web attraverso il nostro lavoro a WPBeginner, abbiamo scoperto qualcosa di rivoluzionario. Un modulo di contatto ben progettato può fare un'enorme differenza nel numero di lead che si ottengono effettivamente.
I moduli di contatto sono spesso la prima vera conversazione tra te e i tuoi potenziali clienti. Se azzecchi il design di WordPress, otterrai lead migliori e relazioni più solide con i clienti. Ma se lo sbagli, è come se stessi mostrando ai visitatori la porta d'uscita.
Ecco perché abbiamo messo insieme questa guida ricca di best practice per la progettazione di pagine "contattaci" ed esempi reali che puoi utilizzare subito. Siamo entusiasti di mostrarti esattamente come creare moduli di contatto che non solo abbiano un bell'aspetto, ma che portino effettivamente risultati.
Perché una pagina "Contattaci" efficace è così importante?
Una pagina con modulo di contatto è un must per tutti i siti web. Che tu gestisca un blog personale o un sito web aziendale, una pagina con modulo di contatto aiuta gli utenti a contattarti in qualsiasi momento mentre visitano il tuo sito web.
A differenza dei social media, un modulo di contatto consente agli utenti di comunicare con te privatamente, il che crea fiducia e può portare a vendite.
Molti proprietari di siti web spesso non prestano molta attenzione alla loro pagina di contatto. La maggior parte delle persone aggiunge semplicemente un modulo di contatto e poi se ne dimentica. O peggio, mostrano solo le loro informazioni di contatto e si aspettano che le persone procedano.
Se non stai ottenendo abbastanza lead dalla pagina dei contatti del tuo sito web, continua a leggere. Ti mostreremo come ottimizzare la tua pagina dei contatti per le conversioni.
Come creare una pagina modulo di contatto in WordPress 💡
WordPress non include una pagina modulo di contatto integrata. Avrai bisogno di un plugin per moduli di contatto per creare un modulo e quindi aggiungerlo alla tua pagina dei contatti.
Ti consigliamo di utilizzare WPForms. Il nostro team lo ha creato per essere il plugin per moduli di contatto più facile da usare per i principianti per WordPress. Inoltre, la versione gratuita di WPForms è disponibile nella directory ufficiale dei plugin di WordPress.org.
Per istruzioni complete passo dopo passo, consulta la nostra guida su come creare un modulo di contatto in WordPress e la nostra recensione completa di WPForms.
Ora che hai creato un modulo di contatto, ecco una rapida panoramica di alcune best practice per il design delle pagine dei moduli di contatto che possono aiutarti ad aumentare le tue conversioni:
- Assicurati che il tuo modulo di contatto funzioni
- Evita campi non necessari nel modulo di contatto
- Spiega perché gli utenti dovrebbero contattarti
- Fornisci modi alternativi per contattarti
- Aggiungi profili social media
- Fornisci indirizzo e mappa
- Crea una sezione FAQ e collega a risorse
- Ottimizza la tua pagina di conferma del modulo
- Chiedi agli utenti di iscriversi alla tua lista email
- Usa foto del tuo team
- Rendi coinvolgente la tua pagina del modulo di contatto
- Sii creativo con il design della tua pagina di contatto
- Assicurati di ridurre l'abbandono del modulo
- Frequently Asked Questions About Contact Page Design
Pronto? Iniziamo!
1. Assicurati che il tuo modulo di contatto funzioni
I provider di hosting WordPress hanno spesso una funzione di posta elettronica mal configurata che impedisce alle email del modulo di contatto di raggiungere la casella di posta. Invece, finiscono spesso nella cartella spam o non arrivano affatto.
Se utilizzi la versione pro di WPForms, puoi comunque vedere le voci del modulo nella tua area di amministrazione di WordPress. Ma con un plugin gratuito, potresti non sapere nemmeno che il tuo modulo non funziona.
Dopo aver aggiunto un modulo di contatto al tuo sito WordPress, è importante testarlo inviando una sottomissione del modulo.
Dopo aver aggiunto un modulo di contatto al tuo sito WordPress, è importante testarlo inviando una sottomissione del modulo.
Quando testi il tuo modulo, ecco alcune cose chiave da controllare:
- L'indirizzo 'Da' e la riga dell'oggetto hanno senso?
- L'email è arrivata nella tua casella di posta invece che nella cartella spam?
- Hai ricevuto la notifica via email?
La verifica di questi dettagli ti aiuterà a confermare che il tuo modulo funziona correttamente.
Ad esempio, se non ricevi notifiche via email, potresti voler seguire la nostra guida su come risolvere il problema di WordPress che non invia email.
Inoltre, potresti voler familiarizzare con gli errori dei moduli in modo da sapere il miglior approccio per risolverli.
A volte, i moduli non inviano email di notifica a causa di problemi con il plugin o le impostazioni SMTP. Gli errori di validazione possono verificarsi quando i campi del modulo sono configurati in modo errato e potresti anche avere a che fare con lo spam anche con misure anti-spam in atto.
Per maggiori dettagli, puoi fare riferimento alla nostra guida su cosa fare quando il tuo modulo WordPress non funziona.
2. Evita campi non necessari nel modulo di contatto
Puoi aggiungere molti campi al tuo modulo di contatto, ma ogni campo aggiuntivo richiederà più tempo per essere compilato.
Ecco perché ti consigliamo di ridurre al minimo i campi del tuo modulo di contatto e di aggiungere solo quelli che ti aiutano a capire la domanda dell'utente.
(Fonte: Neil Patel)
Se hai bisogno di un modulo più lungo, potresti voler controllare l'ultimo suggerimento alla fine di questo articolo per aiutare a ridurre l'abbandono del modulo.
3. Spiega perché gli utenti dovrebbero contattarti
La tua pagina del modulo di contatto dovrebbe essere accogliente. Puoi iniziare con un saluto e un messaggio di benvenuto per renderla cortese e utile.
Quindi, puoi anche dire agli utenti con quali tipi di domande puoi aiutare, come nell'esempio qui sotto:
(Fonte: Michael Hyatt)
Se hai pagine diverse per reparti diversi, indirizzare gli utenti a quella giusta è molto utile.
Ad esempio, puoi inviare i clienti esistenti al supporto e i blogger ospiti a un modulo "scrivi per noi".
(Fonte: OptinMonster)
4. Fornisci metodi di contatto multipli
Aggiungere un modulo alla tua pagina dei contatti rende facile per gli utenti inviarti un messaggio. Tuttavia, offrire altre opzioni di contatto può aiutare gli utenti a scegliere ciò che funziona meglio per loro.
La live chat e i chatbot sono ottime opzioni per fornire risposte immediate alle richieste degli utenti, aumentando l'engagement e la soddisfazione. Queste funzionalità possono gestire domande comuni in modo efficiente e inoltrare problemi più complessi a un rappresentante umano.
Se vuoi aggiungere la live chat o un chatbot al tuo sito WordPress, puoi fare riferimento alla nostra guida su come aggiungere la live chat gratuita in WordPress.
Oltre al modulo e a una live chat, puoi includere il tuo indirizzo email aziendale, WhatsApp o numero di telefono come metodi di contatto alternativi.
Ad esempio, la pagina dei contatti di Accenture offre agli utenti diversi modi per mettersi in contatto. Dispone di numeri di telefono per risposte rapide a domande urgenti.
Inoltre, il menu a discesa consente di trovare moduli di contatto e indirizzi email per diverse esigenze.
Ad esempio, se si espande il menu 'Media e analisti di settore', si troveranno gli indirizzi email dei rappresentanti. Questa configurazione rende facile scegliere il modo migliore per raggiungere il reparto o il servizio giusto.
(Fonte: Accenture)
5. Aggiungi profili sui social media
Mentre la maggior parte degli utenti vorrà contattarti privatamente, alcuni potrebbero preferire mettersi in contatto su Facebook o Twitter.
Pertanto, puoi aggiungere pulsanti dei social media alla tua pagina del modulo di contatto come modo alternativo per gli utenti di contattarti.
(Fonte: Retro Portfolio)
6. Fornisci indirizzo e mappa
Aggiungere un indirizzo e la posizione fisica della tua attività (ancora meglio, incorporare una mappa di Google Maps) aiuta ad aumentare la fiducia degli utenti. Dimostra che hai una presenza fisica, il che può rendere la tua attività più affidabile.
Anche se non hai un negozio o un ufficio fisico, gli utenti trovano conforto nel sapere dove ti trovi.
(Fonte: LEDbow)
Se hai più sedi in diverse città o paesi, aggiungerle tutte rende la tua pagina del modulo di contatto molto più utile.
(Fonte: The Chase)
7. Crea una sezione FAQ e collega alle risorse
Dopo un po', ti renderai conto che molti dei tuoi utenti pongono domande simili.
Puoi aiutarli a risparmiare tempo e rispondere a quelle domande direttamente sulla tua pagina dei contatti aggiungendo una sezione FAQ.
(Fonte: Smart Passive Income)
8. Ottimizza la tua pagina di conferma del modulo
La maggior parte dei plugin per moduli di contatto ti consente di mostrare agli utenti un messaggio di conferma dopo l'invio o di reindirizzarli a una pagina diversa.
Reindirizzare gli utenti ti dà la possibilità di mostrare loro le tue risorse più utili, come i tuoi contenuti più popolari o offrire un codice sconto.
Un altro modo per ottimizzare la tua pagina di conferma del modulo è proporre i prossimi passi possibili. Ad esempio, puoi chiedere ai visitatori di iscriversi alla tua newsletter o seguire i tuoi account sui social media.
(Fonte: Orbit Media)
9. Chiedi agli utenti di unirsi alla tua lista email
Quando crei un modulo di contatto, puoi chiedere agli utenti i loro indirizzi email. Se lo fai, ti consigliamo di aggiungere una casella di controllo per invitarli a unirsi alla tua lista email.
Importante: Per rispettare le leggi sulla privacy come il GDPR, è necessario assicurarsi che la casella di opt-in per la newsletter sia deselezionata per impostazione predefinita. Ciò richiede agli utenti di fare clic attivamente sulla casella per dare il proprio consenso.
E se non stai ancora creando una lista email, potresti voler consultare la nostra guida su perché è così importante creare una lista email.
(Fonte: WPBeginner)
Per i dettagli su come fare ciò, puoi consultare il nostro tutorial su come fare lead generation in WordPress come un professionista.
10. Usa foto del tuo team
Aggiungere foto dei membri del tuo team alla pagina dei contatti la rende più personale e accogliente. Rassicura i visitatori che ci sono persone reali dietro la pagina dei contatti, pronte a rispondere alle loro domande.
(Fonte: Goldelucks)
11. Rendi coinvolgente la tua pagina del modulo di contatto
La tua pagina del modulo di contatto non deve essere banale. Aggiungere foto del tuo ufficio, negozio, prodotti o team può riflettere la personalità della tua azienda.
Puoi anche renderla divertente aggiungendo elementi di design, come icone, illustrazioni o animazioni, e utilizzando i colori del tuo marchio.
Per i dettagli su come fare, consulta il nostro tutorial su come creare una pagina personalizzata in WordPress.
(Fonte: Omsom)
12. Sii creativo con il design della tua pagina di contatto
Potresti aver notato che molte pagine di contatto su diversi siti web seguono un layout semplice e molto prevedibile. Sebbene serva allo scopo, puoi usare la tua pagina come un'opportunità per distinguerti.
Molti temi WordPress premium sono dotati di stili integrati per i moduli. Puoi personalizzare tali stili aggiungendo CSS personalizzato o utilizzando un plugin come CSS Hero.
Puoi anche utilizzare un plugin per la creazione di pagine drag-and-drop come SeedProd per creare il layout della tua pagina di contatto. Questo ti darà la flessibilità di essere più creativo senza scrivere codice.
Ha modelli di partenza che possono aiutarti a configurare un sito web in pochi clic, non solo una singola pagina. Poiché questi modelli includono una pagina di contatto già pronta, tutto ciò che devi fare è adattare il contenuto per adattarlo al tuo marchio o alla tua attività.
(Fonte: SeedProd)
13. Assicurati di ridurre l'abbandono dei moduli
Quando crei un modulo multipagina o un modulo con molti campi, rischi di ridurre il tuo tasso di conversione. A volte, gli utenti si stancano di compilare un modulo lungo e abbandonano la pagina prima di finirlo.
Spesso chiamiamo questo abbandono del modulo, e può accadere con qualsiasi modulo, inclusa l'iscrizione alla newsletter via email, il checkout di WooCommerce o il modulo di contatto.
Per combattere la fatica da modulo, molti costruttori di moduli avanzati come WPForms sono dotati di componenti aggiuntivi per l'abbandono dei moduli. Questo ti aiuta a catturare le voci parziali dai tuoi moduli.
In questo modo, puoi contattare i potenziali lead che non hanno completato il modulo, aiutandoti a recuperare clienti che altrimenti sarebbero andati persi.
Monitorando l'abbandono dei moduli, puoi identificare quali moduli vengono spesso lasciati incompleti. Questo ti consente di apportare i miglioramenti necessari per incoraggiare più invii e ridurre i tassi di abbandono.
Per informazioni più dettagliate, puoi consultare la nostra guida su come monitorare e ridurre l'abbandono dei moduli in WordPress.
Domande frequenti sulla progettazione della pagina dei contatti
Ecco alcune domande comuni che i nostri lettori pongono frequentemente sulla creazione di una pagina con modulo di contatto:
1. L'aggiunta di un modulo di contatto influenzerà la SEO del mio sito web?
Sì, ma in modo positivo. Una pagina dei contatti ben progettata può creare fiducia sia con gli utenti che con i motori di ricerca come Google.
Includere dettagli come un indirizzo fisico e un numero di telefono segnala che un'attività reale è dietro il sito web. Questo può contribuire all'autorità e all'affidabilità complessiva del tuo sito, che sono fattori SEO importanti.
2. Come posso proteggere il mio modulo di contatto dallo spam?
Lo spam nei moduli di contatto è una frustrazione comune, ma è gestibile. Il modo migliore per prevenirlo è utilizzare un plugin per moduli di qualità come WPForms, che dispone di funzionalità anti-spam integrate.
Puoi abilitare Google reCAPTCHA, utilizzare un CAPTCHA personalizzato o impostare un campo "honeypot" che è invisibile agli umani ma intrappola i bot di spam. Per altri metodi, consulta la nostra guida su come bloccare lo spam nei moduli di contatto in WordPress.
3. Quali sono le informazioni più importanti da includere in una pagina di contatto?
Ogni ottima pagina di contatto dovrebbe avere tre elementi fondamentali. Innanzitutto, un messaggio caloroso e accogliente che spieghi perché e quando gli utenti dovrebbero mettersi in contatto.
In secondo luogo, un semplice modulo di contatto con solo i campi più essenziali (tipicamente Nome, Email e Messaggio).
Infine, dovresti offrire modi alternativi per connettersi, come un indirizzo email, un numero di telefono o collegamenti ai tuoi profili sui social media.
Guide Esperte su Moduli e Pagine di Contatto WordPress
Ora che conosci le migliori pratiche per creare una pagina di contatto, potresti voler vedere altre guide relative ai moduli e alle pagine di contatto in WordPress:
- Come creare un modulo di contatto in WordPress (passo dopo passo)
- Come creare un modulo di contatto sicuro in WordPress
- Come creare un modulo di contatto con destinatari multipli
- Come aggiungere un popup con modulo di contatto in WordPress
- Come aggiungere un modulo di contatto a scomparsa in WordPress (Tutorial facile)
- Come incorporare una Google Map nei moduli di contatto (con segnaposto)
- Come usare i moduli di contatto per far crescere la tua lista email in WordPress
- Come bloccare lo spam dei moduli di contatto in WordPress
Speriamo che questo articolo ti abbia aiutato a conoscere le migliori pratiche per la progettazione di ottime pagine di moduli di contatto. Successivamente, potresti anche voler consultare le nostre guide passo passo su come aggiungere l'autocompletamento per i campi indirizzo e come impostare il tracciamento dei moduli WordPress in Google Analytics.
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Lauren
Grazie, molto utile.
magnaa
Ottimo articolo – alcuni ottimi suggerimenti sulle pagine dei moduli di contatto che implementerò! Penso che suonare più umani sia la chiave. Offre a tutto un'esperienza più autentica e piacevole.
natalie
Grazie per l'articolo, vorrei fare il tuo punto numero 9, vedi il mio allegato; Puoi spiegare come aggiungere quella casella di controllo per favore.
grazie
natalie
Supporto WPBeginner
Ciao Natalie,
Dipende dal provider di servizi e-mail che stai utilizzando. Se stai usando MailChimp, allora puoi seguire queste istruzioni.
Amministratore
Graham
Ottimo articolo ragazzi, e apprezzo anche l'esempio che avete condiviso. Avendo creato molte pagine di contatto negli ultimi 10 anni, un po' di nuova ispirazione e buone idee sono sempre benvenute!
Sven Kox
Bel articolo, grazie. Ho aggiunto alcune nuove cose alla mia conoscenza.
Un altro consiglio: mantieni il campo per il messaggio abbastanza grande.
Non è invitante se devi scrivere il tuo messaggio in una finestra minuscola.
Keely Worth
Ottimo articolo – alcuni ottimi suggerimenti sulle pagine dei moduli di contatto che implementerò! Penso che suonare più umani sia la chiave. Offre a tutto un'esperienza più autentica e piacevole.