Come aggiungere un modulo di contatto in WordPress

Il modulo di contatto in un sito web ti aiuta a condurre una comunicazione chiara ed efficace con i tuoi clienti e a controllare meglio la conversazione. Di conseguenza, attiri più visitatori e clienti regolari e ricevi feedback preziosi.

Di seguito è riportato un esempio di modulo di contatto standard in una pagina WordPress.

In questa guida, toccheremo il motivo per cui è necessario aggiungere un modulo di contatto al tuo sito web WordPress e come installarlo.

Perché dovresti aggiungere un modulo di contatto in WordPress

Una comunicazione produttiva con i clienti è alla base di ogni attività di successo. Dato che la maggior parte delle aziende conduce le proprie operazioni online, il tuo sito web WordPress non fa eccezione.

Un modulo di contatto crea un canale di comunicazione tra te e i tuoi visitatori, portando nuove opportunità per attirare potenziali clienti.

Di seguito, elencheremo i vantaggi più importanti di avere un modulo di contatto sul tuo sito web WordPress.

• Un modulo di contatto protegge il tuo indirizzo email dallo sfruttamento – Avere il tuo indirizzo email in una pagina web pubblica non è sempre una buona idea. È visibile a chiunque, inclusi spammer, visitatori malintenzionati o bot dannosi. Pertanto, c’è un’alta probabilità che possa finire per essere preso di mira da spam e attacchi di phishing. Il modulo di contatto nasconde l’email amministrativa del tuo sito web, riducendo la possibilità di essere preso di mira.

• Un modulo di contatto ti aiuta a ridurre i messaggi di spam – Gli spambots sono così onnipresenti al giorno d’oggi che, alla fine, ogni sito web soffre dei loro attacchi ad un certo punto. Un modulo di contatto può aiutare a prevenire attacchi automatici di spam grazie a vari meccanismi di protezione.

• Un modulo di contatto ti consente di estrarre le informazioni essenziali dalle richieste dei tuoi visitatori – Alcuni clienti preferiscono arrivare dritti al punto, mentre altri preferiscono lunghe esposizioni. Anche se non è una cosa negativa, potrebbe essere faticoso leggere lunghe richieste e filtrare solo le informazioni essenziali. Un modulo di contatto ti consente di gestire meglio la conversazione suddividendo il modulo di contatto in vari campi, e richiedendo quindi al visitatore di fornire informazioni specifiche.

• Un modulo di contatto ti consente di ricevere feedback dai tuoi visitatori – Proprio come i commenti, un modulo di contatto consente ai visitatori di esprimere le loro opinioni sui tuoi servizi o contenuti. La differenza è che il loro feedback non è pubblico e sarai l’unico a vederlo.

• Un modulo di contatto ti aiuta a convertire più vendite– I tuoi servizi potrebbero richiedere la negoziazione dei prezzi. Attraverso un modulo di contatto, puoi negoziare un accordo con i potenziali clienti in un canale privato.

Aggiungere un modulo di contatto in WordPress

WordPress è dotato di molte funzionalità integrate, ma un modulo di contatto non è una di queste. Non devi preoccuparti, però. C’è un’ampia selezione di plugin per moduli di contatto tra cui scegliere, ognuno con le sue specifiche e caratteristiche uniche.

Continua a leggere per scoprire come scegliere, installare e aggiungere un plug-in per moduli di contatto al tuo sito web WordPress.

• Passo 1.Scegli un plugin per il modulo di contatto WordPress

  La tua configurazione dovrebbe iniziare con la ricerca di plugin disponibili per i moduli di contatto. Tutti i moduli di contatto offrono le stesse funzionalità di base, ma ci sono plugin con funzionalità esclusive che potrebbero adattarsi meglio alla tua attività.

  Consigliamo WPForms, uno dei plugin più popolari e versatili di WordPress. Ha un’interfaccia intuitiva con un builder che ti consente di creare moduli di contatto belli e funzionali con facilità. Per non parlare del fatto che è abbastanza facile da utilizzare, quindi è l’ideale per i principianti.

  La versione gratuita WPForms Lite include tutte le funzionalità chiave che un modulo di contatto dovrebbe possedere ed è perfetta per avviare la tua attività.

  La versione premium WPForms Pro aggiunge varie funzionalità preziose come l’integrazione con PayPal, Stripe, strumenti di personalizzazione e molte altre funzioni avanzate.

  Gli utenti di SiteGround possono acquistare WPForms Pro a un prezzo promozionale dalla loro Area Clienti > Marketplace > Servizi extra dei partner.

• Passo 2.Scarica un plugin per il modulo di contatto

  Una volta che hai fatto la tua scelta, è il momento di scaricare e installare il plug-in del modulo di contatto. Per questo esempio, useremo WPForms.

  Per cominciare, accedi alla dashboard di WordPress. Se hai difficoltà ad accedere, controlla questa guida su come accedere al tuo sito WordPress.

  Vai alla sezione Plugin e seleziona Aggiungi nuovo. Utilizza la barra di ricerca nell’angolo in alto a destra e digita “wpforms“. Il primo risultato è Contact Form da WPForms – Drag & Drop Form Builder per WordPress. Clicca sul pulsante Installa adesso per scaricare il plugin sul tuo sito web.

  

  Una volta completato il download, Installa ora si trasformerà in un pulsante Attiva. Cliccaci per attivare il plugin.

  

• Passo 3.Crea un modulo in WordPress

  L’attivazione creerà una nuova sezione per WPForms nella bacheca di WordPress. Clicca su WPForms > Tutti i moduli per vedere l’elenco di tutti i moduli esistenti creati con il plugin. Per crearne uno nuovo, clicca sul pulsante Aggiungi nuovo.

  

  Entrerai in un nuovo pannello di controllo dove potrai configurare il tuo nuovo modulo. Inizia inserendo un’etichetta per il modulo nel campo Dai un nome al tuo modulo. Quindi, seleziona uno dei modelli predefiniti passandoci sopra con il mouse e cliccando sul pulsante Seleziona un template. Se desideri invece iniziare da zero, passa con il mouse sopra Modulo vuoto e premi Crea un modulo vuoto.

  

  Il pannello passerà automaticamente alla sezione Campi, dove puoi aggiungere, modificare o rimuovere campi dal modulo di contatto.

  Premi Aggiungi un campo per vedere i tipi di campo disponibili sulla sinistra. Per aggiungere un campo, clicca e tieni premuto il pulsante del mouse su di esso, trascinalo nella sezione destra sotto l’etichetta del modulo e rilascialo.

  

  Puoi aggiungere più campi e metterli in ordine dall’alto verso il basso. Dopo aver aggiunto tutti i campi, puoi riordinarli tenendo premuto il pulsante del mouse su un campo e trascinandolo verso l’alto o verso il basso per spostare gli altri campi.

  I campi hanno etichette preimpostate, ma è possibile modificarle. Per modificare un campo, clicca su di esso e la sezione sinistra dell’editor passerà alla scheda Opzioni del campo.

  Nella sottosezione Generale, puoi modificare il nome del campo (Etichetta) e aggiungere una descrizione che apparirà come testo sotto il campo (Descrizione).

  Spostando il cursore su Obbligatorio, puoi rendere il campo obbligatorio per completare il modulo o meno. I campi obbligatori sono contrassegnati da un asterisco rosso accanto alle etichette.

  

  In Avanzate e Logica Smart, puoi regolare impostazioni avanzate come testi segnaposto, classi CSS, ecc.

  Per salvare il modulo di contatto o eventuali nuove modifiche, clicca sul pulsante Salva.

  

• Passo 4.Imposta le notifiche del modulo di contatto

  Le notifiche dei moduli di contatto sono messaggi inviati automaticamente dal tuo sito web al tuo indirizzo email. In questo modo, sarai informato ogni volta che un utente invia una richiesta dal tuo modulo di contatto.

  IMPORTANTE! Consigliamo vivamente di utilizzare un plug-in SMTP per l’invio di e-mail per migliorare la consegna delle email dal tuo sito web. Dai un’occhiata a questa guida per configurare WordPress per utilizzare SMTP.

  Puoi controllare le impostazioni delle notifiche dal pannello di controllo WPForms > Impostazioni > Notifiche. WPForms abilita le notifiche per impostazione predefinita, ma puoi attivarle o disattivarle utilizzando il pulsante Abilita le notifiche.

  

  L’attivazione delle notifiche abilita la sezione delle impostazioni per la gestione di vari parametri delle email. Accanto a ciascuna impostazione, puoi vedere il menù Mostra gli Smart Tag. Consente al modulo di contatto di estrarre informazioni dalla richiesta del visitatore e visualizzarle nell’email.

  

  Invio a indirizzo email indica l’indirizzo email che riceverà le notifiche ogni volta che un visitatore invia una richiesta dal modulo di contatto. Per impostazione predefinita, WPForms utilizza automaticamente l’indirizzo email amministrativo del tuo sito web WordPress. Questo indirizzo è specificato dal tag {admin_email}. Puoi sostituire l’indirizzo con un altro indirizzo email o aggiungere più email separate da una virgola.

  

  Oggetto dell’email definisce l’oggetto di ogni e-mail di notifica inviata dal modulo di contatto. È possibile modificare il testo o anche aggiungere smart tag in grado di visualizzare le informazioni fornite dai visitatori nei campi del modulo di contatto.

  Ad esempio, è possibile impostare la riga dell’oggetto per mostrare il nome del visitatore che ha completato il modulo di contatto. Per farlo, clicca su Mostra gli Smart Tag accanto a Oggetto dell’email e seleziona Nome dai Campi disponibili.

  

  Ora, ogni nuova notifica includerà nella riga dell’oggetto il nome del visitatore insieme al testo dell’oggetto.

  

  Nome mittente fa si che il nome del mittente appaia nel tuo client di posta elettronica quando ricevi la notifica. Poiché il tuo sito web invia il modulo, WPForms estrae il titolo del sito dalle impostazioni generali di WordPress. Puoi impostare un nome personalizzato o aggiungere uno smart tag che estrae il nome del visitatore che ha inviato il modulo.

  

  Email mittente mostra l’indirizzo email del mittente della notifica. Poiché il tuo sito web invia le notifiche del modulo di contatto, l’indirizzo viene impostato automaticamente sull’e-mail amministrativa del tuo sito web WordPress. Se utilizzi un plug-in SMTP e invii e-mail da un altro indirizzo, puoi impostarlo nell’impostazione Email mittente.

  

  IMPORTANTE! Assicurati di impostare l’indirizzo email che utilizzi effettivamente per inviare le notifiche email. I filtri antispam sono estremamente sensibili alle incongruenze tra l’indirizzo Email mittente e l’effettivo indirizzo del mittente.
  Rispondi a imposta l’indirizzo nel campo Rispondi a dell’email di notifica. Se scegli di rispondere alla notifica, questo indirizzo sarà il destinatario della risposta. Se Rispondi a è vuoto, l’indirizzo del destinatario è l’indirizzo Email mittente.

  In generale, è una buona idea includere l’indirizzo email del visitatore che ha inviato il modulo. In questo modo, puoi comunicare ulteriormente se hai domande sull’invio del modulo. È possibile aggiungere uno smart tag che recupera l’e-mail inviata dal visitatore nel modulo di contatto.

  

  Messaggio dell’email definisce cosa contiene il corpo della notifica. Per impostazione predefinita, WPForms imposta lo smart tag {all_fields}, che mostra le informazioni di tutti i campi dal modulo di contatto. Puoi personalizzare il corpo del testo mostrando solo i campi selezionati o aggiungendo ulteriori informazioni sul sito web utilizzando altri smart tag.

  

  Dopo aver finito di configurare le impostazioni di notifica, premi il pulsante Salva per confermarle.

• Passo 5.Configura le conferme del modulo di contatto

  La conferma è l’azione che informa i visitatori dell’invio riuscito del modulo. Potrebbe essere un breve messaggio, un reindirizzamento a un’altra pagina del tuo sito web o un reindirizzamento a un URL esterno.

  Puoi configurare le impostazioni di conferma dal pannello di controllo WPForms > Impostazioni > Conferme.

  

  WPForms offre tre tipi di conferma che puoi selezionare dal menù a tendina Tipo di conferma.

  

  WPForms ha già impostato il Tipo di conferma su Messaggio e aggiunto un messaggio predefinito. È possibile modificare il testo nella casella dell’editor di testo.

  Invece di un messaggio, puoi scegliere di reindirizzare i visitatori che hanno completato il modulo a un’altra pagina del tuo sito web. Puoi farlo selezionando Mostra la pagina dal menù Tipo di conferma.

  Il menù Pagina di conferma elenca tutte le pagine pubblicate sul tuo sito WordPress. Qui puoi scegliere la pagina che i visitatori vedranno come conferma del completamento del modulo di contatto.

  

  L’ultimo tipo di conferma è Vai alla URL (Redirect). Un invio corretto del modulo di contatto reindirizzerà i visitatori all’indirizzo specificato nel campo URL di re-indirizzamento di conferma. Il reindirizzamento potrebbe portare a una pagina sul tuo sito web o a qualsiasi indirizzo web esterno.

  

  Per salvare le impostazioni di conferma, clicca su Salva nel pannello di controllo WPForms .

• Passo 6.Configura una protezione antispam

  Senza alcuna protezione antispam, il modulo di contatto potrebbe diventare un facile bersaglio per i bot spam. Questo potrebbe far inondare la tua casella di posta elettronica con numerosi messaggi indesiderati. Inoltre, gli attacchi di spam potrebbero sovraccaricare il tuo server SMTP poiché il modulo di contatto invia email dal tuo sito web.

  Pertanto, mantenere il modulo di contatto al sicuro dagli attacchi di spam è fondamentale.

  Nel pannello di controllo del modulo, vai a Impostazioni > Spam Protection and Security.

  

  WPForms ha vari meccanismi di protezione antispam che funzionano in background. Puoi disattivarli o attivarli spostando il cursore Abilita la protezione anti-spam.

  Ti consigliamo di mantenere quest’opzione abilitata per aumentare la sicurezza del tuo modulo di contatto contro lo spam.

  È inoltre possibile installare componenti aggiuntivi per aumentare ulteriormente la sicurezza del modulo. Dall’elenco Also Available, puoi scegliere tra una vasta gamma di moduli di sicurezza premium e gratuiti che puoi incorporare nel tuo modulo di contatto. Alcuni di essi richiedono l’aggiornamento a WPForms Pro, mentre altri richiedono passaggi aggiuntivi per essere attivati. Clicca sul pulsante Get Started dell’elemento scelto per vedere le istruzioni dettagliate.

Come aggiungere un modulo di contatto a una pagina WordPress o a un articolo

Una volta creato un modulo di contatto, devi sceglierne la posizione sul tuo sito web. WordPress ti consente di aggiungere il modulo di contatto su qualsiasi pagina o articolo.

L’impostazione standard per la maggior parte dei siti web è una pagina statica contenente il modulo di contatto. Di solito, questa pagina si chiama Contattaci o Contatti ed è l’ultima pagina nel m avigazione di WordPress. Per ulteriori informazioni, controlla questo tutorial sui menù di navigazione di WordPress.

Si può aggiungere il modulo di contatto modificando una pagina o un post con il tuo builder di pagine WordPress.

Aggiungere un modulo di contatto nell’editor di blocchi Gutenberg

Gutenberg è stato l’editor WordPress predefinito dalla versione 5.0. Per aprirlo, vai alla sezione Pagine o Articoli del tuo sito web, passa il mouse sopra la pagina o il post e clicca su Modifica. Se stai per creare una nuova pagina per il modulo di contatto, clicca Aggiungi pagina.

All’interno dell’editor, seleziona l’area in cui desideri posizionare il modulo e clicca sul pulsante Aggiungi blocco(segno “+”). Apparirà una nuova finestra pop-up con i blocchi disponibili. Utilizza la barra di ricerca, digita “wpforms” e seleziona il blocco WPForms.

Gutenberg inserirà il modulo di contatto nell’area selezionata. Scegli il modulo esistente dal menù a tendina Seleziona un Modulo.

Il modulo verrà visualizzato come visto dai visitatori. Per confermare le modifiche alla pagina, premi il pulsante Pubblica (per una nuova pagina) o Aggiorna (per una pagina esistente).

In alternativa, puoi inserire il modulo di contatto utilizzando il suo shortcode. Per prima cosa, torna alla sezione WPForms nella bacheca di WordPress e seleziona Tutti i moduli.

Qui puoi vedere i tuoi moduli esistenti. Copia il codice sotto la colonna Shortcode corrispondente al modulo.

Vai all’editor della pagina e clicca sul pulsante Aggiungi blocco (segno “+”). Utilizza la barra di ricerca per trovare il blocco Shortcode o selezionalo dall’elenco completo dei blocchi.

Il blocco verrà inserito nella pagina. Incolla lo shortcode precedentemente copiato nel campo Shortcode. Gutenberg non visualizzerà il modulo di contatto. Premi il pulsante Aggiorna o Pubblica e visita la pagina per confermare che il modulo di contatto sia stato inserito.

Se fatto correttamente, la pagina dovrebbe visualizzare il modulo di contatto invece dello shortcode.

Aggiungere un modulo di contatto nel Classic Editor

Se preferisci utilizzare il Classic editor, l’aggiunta di un modulo di contatto viene eseguita inserendo il relativo shortcode direttamente nell’area del corpo della pagina.

WPForms rende le cose un po’ più semplici. Invece di tornare al pannello di controllo del plugin per ottenere lo shortcode, WPForms aggiunge un pulsante Aggiungi modulo nella barra degli strumenti del Classic Editor.

Una volta premuto, viene visualizzata una nuova finestra pop-up. Seleziona il modulo dal menù a tendina Seleziona qui sotto un modulo da inserire e conferma con il pulsante Aggiungi modulo.

Questo inserirà automaticamente lo shortcode del modulo di contatto nel corpo della pagina. Per salvare le modifiche, clicca il pulsante Aggiorna o Pubblica.

Come aggiungere un modulo di contatto alla barra laterale

Tutti i temi presentano un’area del sito web nella barra laterale. WPForms ti permette di aggiungere il tuo modulo di contatto come widget in questa sezione.

Nella bacheca di WordPress, vai alla sezione Aspetto > Widget. Clicca sulla scheda Sidebar< emi il segno “+” (Aggiungi blocco).

Apparirà una finestra pop-up che elenca i widget disponibili. Utilizza la barra di ricerca per trovare WPForms e selezionarne il widget.

Il blocco widget del modulo apparirà nella scheda della barra laterale. Scegli il modulo di contatto dal menù a tendina Seleziona un Modulo.

L’editor del widget visualizzerà il modulo di contatto nella scheda della barra laterale. Clicca il pulsante Aggiorna per salvare le modifiche.

Ora, il modulo di contatto verrà visualizzato nella barra laterale in tutte le pagine e i post.

Testare il modulo di contatto

Ora che il modulo di contatto è stato aggiunto al tuo sito web nella posizione desiderata, dovresti confermare che funzioni correttamente. Per farlo, visita semplicemente il front-end del tuo sito web e vai alla pagina in cui si trova il modulo di contatto, quindi compila le informazioni richieste nel modulo e invialo.

Se non ricevi alcun messaggio dal tuo modulo di contatto, dovresti configurare il tuo WordPress per utilizzare SMTP invece della funzione PHP mail(). Di default, WordPress utilizza la funzione PHP mail() per inviare email quando necessario. Ciò include l’invio di email dai moduli di contatto. Molti provider di posta elettronica contrassegneranno i messaggi inviati in questo modo come spam, quindi questi messaggi potrebbero non raggiungere mai i propri destinatari.

SMTP utilizza l’autenticazione elevando quindi le possibilità di consegna delle email, e dunque è più probabile che le email dal modulo di contatto vengano recapitate con successo. Per configurare il tuo WordPress per l’utilizzo di SMTP, puoi seguire le istruzioni nel nostro tutorial completo.

Riepilogo

In poche parole, puoi solo trarre vantaggio dall’avere un modulo di contatto sul tuo sito web. Che tu gestisca un negozio online o un blog, ti consente di comunicare con i tuoi visitatori, ricevere feedback preziosi o attirare più clienti.

Ci sono un sacco di plugin che possono aggiungere questa funzionalità al tuo sito web WordPress. È solo questione di scegliere quello più adatto alla tua attività. Speriamo che questo articolo ti renda le cose più chiare e ti aiuti a fare la scelta giusta.