Come creare un modulo di contatto in WordPress (più i migliori plugin)

Ogni sito ha bisogno di un modulo di contatto, motivo per cui stai leggendo un post su come utilizzare un plug-in di WordPress per moduli di contatto per creare il tuo modulo.

Per questo motivo, ci sono un sacco di fantastiche opzioni che puoi utilizzare per aggiungere un modulo di contatto in WordPress. E in questo post, ti mostrerò passo dopo passo come usarne uno gratuitamente . Sì, imparerai esattamente come creare un modulo di contatto personalizzato e di bell'aspetto senza dover aprire il portafoglio.

Dopo questo tutorial, condividerò alcuni degli altri migliori plug-in per i moduli di contatto e il motivo per cui potresti voler scegliere una di queste opzioni rispetto al plug-in nel tutorial.

Il modo più semplice per creare un modulo di contatto in WordPress

Se desideri aggiungere un modulo di contatto a WordPress, avrai bisogno di un plug-in WordPress per moduli di contatto.

Ora, ci sono molte opzioni solide là fuori, di cui parlerò in seguito. Ma se desideri solo un modulo di contatto di base, l'opzione più semplice da utilizzare è un plug-in gratuito chiamato HappyForms.

Ecco come creare un modulo di contatto in WordPress in pochi passaggi...

1. Installa e attiva il plugin WordPress per il modulo di contatto HappyForms

Il plugin HappyForms è gratuito e disponibile su WordPress.org, il che significa che puoi installarlo andando su Plugin → Aggiungi nuovo e cercando "HappyForms":

2. Crea un nuovo modulo

Una volta installato e attivato il plug-in HappyForms, vai su HappyForms → Aggiungi nuovo nella dashboard di WordPress:

Verrà avviata una nuova interfaccia che assomiglia molto a WordPress Customizer ( l'interfaccia in cui personalizzi il tuo tema in un'anteprima in tempo reale ).

Come WordPress Customizer, sarai in grado di vedere un'anteprima dal vivo del tuo modulo di contatto mentre lo crei.

Prima, però, dai un nome al tuo modulo per aiutarti a ricordarlo:

3. Aggiungi campi modulo

Successivamente, utilizza l'elenco dei campi del modulo per scegliere quali campi includere nel modulo. Per un modulo di contatto di base, probabilmente vorrai queste opzioni:

• Testo breve – per il nome della persona.
• E - mail : per l'indirizzo e-mail della persona.
• Testo lungo – per il messaggio della persona.

Per aggiungere un campo modulo, è sufficiente fare clic su di esso. Dopo aver fatto clic su di esso, sarai in grado di configurare le sue impostazioni nella barra laterale. Quando modifichi le impostazioni di un campo, lo vedrai cambiare nell'anteprima dal vivo:

Dopo aver aggiunto tutti i campi del modulo, dovresti vedere un'anteprima completa del tuo modulo di contatto:

Se lo desideri, puoi aggiungere altri campi che sono unici per le tue esigenze. Ad esempio, potresti voler aggiungere una casella di controllo o un menu a discesa per consentire ai mittenti di scegliere di cosa tratta il messaggio ( e aiutarti a organizzare tutto ).

Una volta che hai finito di aggiungere i campi del modulo, fai clic sul pulsante Imposta per continuare.

4. Configura cosa succede dopo che un visitatore invia un modulo

Dopo aver fatto clic sul pulsante Configurazione , otterrai una serie di opzioni per controllare cosa succede dopo che un visitatore ha inviato il modulo di contatto.

In alto, puoi impostare il messaggio di conferma , che è il messaggio che viene visualizzato al mittente del modulo sul tuo sito web dopo aver inviato un modulo (1).

Sotto di esso, è possibile scegliere se si desidera ricevere notifiche e-mail quando c'è un nuovo invio del modulo, e in cui l'indirizzo e-mail si desidera ricevere osservazioni (2). HappyForms memorizzerà anche gli invii dei moduli nella dashboard di WordPress - ne parleremo più avanti :

Successivamente, puoi scegliere se inviare o meno notifiche e-mail al mittente del modulo e, in tal caso, cosa dovrebbero contenere tali notifiche e-mail:

Infine, la parte inferiore delle impostazioni ti consente di configurare una varietà di impostazioni varie, incluso se:

• Reindirizza gli utenti a una pagina diversa dopo aver inviato il modulo
• Salva gli invii dei moduli nella dashboard di WordPress
• Usa Google ReCaptcha per la protezione dallo spam
• Consenti a chi invia il modulo di visualizzare in anteprima il messaggio prima di inviarlo

In caso di dubbio, dovresti lasciare queste impostazioni come predefinite:

Una volta effettuate le tue scelte, fai clic sul pulsante Stile per passare al set di opzioni successivo.

5. Configura lo stile del tuo modulo di contatto

Fase di configurazione finale! Ora puoi utilizzare le varie aree per configurare l'aspetto e lo stile del tuo modulo di contatto:

Ad esempio, per configurare l'aspetto del Pulsante Invia, apriresti le impostazioni del pulsante Invia . Lì puoi cambiarne il carattere, regolare la larghezza, cambiare i colori e altro ancora.

Quando apporti modifiche, vedrai l'anteprima dal vivo aggiornarsi automaticamente, il che rende facile capire esattamente cosa fa ogni modifica al tuo modulo:

Una volta che hai finito con le opzioni di stile, fai clic sul pulsante Salva e chiudi per completare le cose.

6. Aggiungi il tuo modulo di contatto alla pagina in cui vuoi che appaia

Per incorporare effettivamente il tuo modulo, puoi aggiungerlo come:

• Blocca nel nuovo editor di blocchi
• Shortcode nell'editor classico o nell'editor dei blocchi
• Widget in qualsiasi area widget

Ad esempio, se stai utilizzando il nuovo editor di blocchi di WordPress, creerai una nuova pagina denominata "Contattaci" e inserirai il blocco HappyForms .

Da lì, puoi scegliere quale modulo vuoi inserire:

Oppure, se stai ancora utilizzando il classico editor di WordPress, puoi inserire il tuo modulo di contatto come shortcode facendo clic sul pulsante Aggiungi HappyForms :

E questo è tutto! I visitatori potranno iniziare a inviarti messaggi tramite il modulo di contatto

Come visualizzare gli invii dei moduli

Esistono due modi per visualizzare gli invii dei moduli.

Innanzitutto, se imposti le notifiche e-mail nelle impostazioni del modulo, riceverai un'e-mail ogni volta che qualcuno invia un modulo.

In secondo luogo, puoi anche visualizzare gli invii dalla dashboard di WordPress andando su HappyForms → Risposte :

Se fai clic su una risposta specifica, sarai in grado di visualizzare il messaggio completo:

E questo è tutto!

Altri quattro migliori plugin WordPress per moduli di contatto e perché potresti volerne uno

Per un semplice modulo di contatto WordPress, HappyForms è l'opzione migliore per la maggior parte degli utenti. Tuttavia, non è affatto l'unico plug-in di WordPress per moduli di contatto di qualità. E se desideri qualcosa di più di un semplice modulo di contatto, potresti preferire un'opzione diversa.

Quindi, per finire questo post, esaminiamo alcuni dei migliori plugin per moduli di contatto di WordPress e cosa potrebbe renderli un'opzione migliore rispetto al plugin HappyForms che ho usato nel tutorial sopra.

1. WPForms

WPForms è uno dei plug-in WordPress per moduli di contatto più popolari su WordPress.org.

Una cosa bella di questo plugin è che ti offre un builder drag-and-drop per organizzare i campi del modulo, incluse le opzioni per impostare progetti a più colonne. Quindi, se ti piace, questo potrebbe essere un motivo per scegliere WPForms.

Oltre al builder drag-and-drop, ci sono anche alcune diverse versioni premium che ti consentono di essere molto più creativo con i tuoi moduli. Sarai in grado di:

• Accetta pagamenti
• Iscrivi le persone al tuo indirizzo email
• Connettiti a Zapier
• Eccetera.

Quindi, se vuoi quella funzionalità avanzata, questo potrebbe essere un altro motivo per scegliere WPForms.

Le versioni premium partono da $ 39,50 e vanno fino a $ 299,50, a seconda delle funzionalità desiderate e del numero di siti su cui si desidera utilizzare il plug-in.

2. HubSpot Marketing All-In-One

Come suggerisce il nome, HubSpot All-In-One Marketing è uno strumento all-in-one che copre di tutto, dai popup alla chat dal vivo e, hai indovinato, i moduli di contatto.

Utilizzando il builder drag-and-drop, puoi creare i tuoi moduli di contatto personalizzati per raccogliere tutte le informazioni necessarie.

E un grande vantaggio è che HubSpot memorizzerà automaticamente tutti i tuoi invii di moduli nel CRM integrato. Quindi, se stai utilizzando il tuo modulo di contatto per le vendite o qualsiasi altra cosa che possa trarre vantaggio da un CRM, questo è ottimo da usare.

3. Forme Ninja

Ninja Forms è un'altra offerta freemium con molti degli stessi vantaggi di WPForms.

Cioè, offre una versione gratuita limitata e ti offre un builder drag-and-drop che puoi utilizzare per organizzare i campi del modulo.

E se sei disposto a pagare, puoi fare in modo che i tuoi moduli facciano cose molto più avanzate, tra cui:

• Accettare pagamenti
• Iscrivere le persone alla tua newsletter
• Inserimento di mittenti di moduli nel tuo CRM
• Eccetera.

Una differenza è nella struttura dei prezzi per quelle opzioni premium. Piuttosto che versioni premium distinte, Ninja Forms ti consente di scegliere quali componenti aggiuntivi premium desideri utilizzare. In alternativa, puoi anche prendere un pacchetto di componenti aggiuntivi a partire da $ 99.

4. Forme Caldera

In termini di funzionalità che ottieni nella versione gratuita, Caldera Forms è uno dei più generosi plugin gratuiti per i moduli di contatto di WordPress.

Anche nella versione gratuita, puoi creare moduli complessi che hanno:

• Più pagine
• Logica condizionale, in cui puoi mostrare diverse opzioni del modulo in base a come una persona ha risposto alle domande precedenti

Ha anche un builder drag-and-drop, anche se l'interfaccia non è così adatta ai principianti come WPForms o Ninja Forms.

Oltre alla generosa funzionalità gratuita, c'è anche una versione premium che può aggiungere funzionalità più avanzate, come pagamenti e integrazioni di servizi di email marketing.

Oltre a questi componenti aggiuntivi, c'è anche un servizio premium in abbonamento con un focus unico su:

• Consegna e-mail: il servizio gestisce effettivamente l'invio di e-mail per garantire che finiscano nelle caselle di posta dei visitatori
• Conversioni da modulo a PDF
• Statistiche per la consegna delle tue e-mail di conferma

5. Forme gravitazionali

Infine, c'è Gravity Forms, che è un plug-in WordPress per moduli di contatto particolarmente popolare per gli sviluppatori.

Agli sviluppatori piace perché, oltre a offrire molte funzionalità integrate per la creazione di qualsiasi cosa, dai moduli di pagamento agli invii di post front-end, Gravity Forms è anche estensibile e dispone di un ampio mercato per le estensioni di terze parti.

Quindi, se vuoi qualcosa che puoi davvero scavare e personalizzare in base alle tue esigenze, Gravity Forms e le sue varie estensioni potrebbero essere il plug-in giusto per te.

L'unico aspetto negativo è che non esiste una versione gratuita di Gravity Forms. Se vuoi usarlo, dovrai estrarre la tua carta di credito.

I prezzi partono da $ 59 e vanno fino a $ 259.

Considerazioni finali sui moduli di contatto di WordPress

Con il plug-in WordPress per moduli di contatto giusto, è facile creare e personalizzare un modulo di contatto che corrisponda perfettamente alle tue esigenze.

Se tutto ciò che desideri è un semplice modulo di contatto, il plug-in HappyForms offre un approccio affidabile e semplificato. E se desideri più funzionalità, puoi prendere in considerazione l'aggiornamento a un plug-in per moduli a pagamento per fare qualsiasi cosa, dall'accettazione di pagamenti all'iscrizione di persone alla tua lista di email marketing.

Crea il tuo primo modulo oggi e inizia a rendere più facile per i visitatori connettersi con te!