Volete aggiungere un widget per il modulo "Contattaci" sul vostro sito web?
Oltre a interagire con i vostri clienti tramite i social media, l'aggiunta di un modulo di contatto sul vostro sito è un altro modo semplice per entrare in contatto con il vostro pubblico di riferimento. Con questo modulo è possibile ottenere feedback, fornire assistenza, raccogliere informazioni, rispondere a domande e molto altro ancora.
Oggi vi mostreremo il modo più semplice per aggiungere un modulo di contatto al vostro sito web.
Prima di iniziare, vediamo come l'uso dei moduli di contatto può aiutare la vostra azienda.
Perché utilizzare un modulo di contatto?
Un widget per il modulo di contatto offre ai visitatori del vostro sito web un modo semplice per contattarvi. Ciò significa che sarà facile raccogliere feedback utili dai vostri visitatori.
Con una comunicazione più semplice, è possibile costruire un rapporto con i visitatori e convertirli in clienti affezionati.
E questo è solo l'inizio! Ecco altri modi sorprendenti per utilizzare i widget dei moduli di contatto:
- Raccogliendo gli indirizzi e-mail dei vostri visitatori, potete anche utilizzare i moduli di contatto per incrementare la vostra lista di e-mail.
- I vostri moduli possono organizzare automaticamente tutte le informazioni che ricevete dai vostri clienti, risparmiando tempo e fatica.
- Potete anche utilizzare i moduli di contatto per rispondere rapidamente alle domande e fornire un'assistenza più rapida ai clienti.
- A differenza delle e-mail, è possibile specificare il tipo di informazioni di cui si ha bisogno, in modo da ottenere solo i dettagli rilevanti.
- I widget del modulo di contatto possono anche bloccare i bot di spam e le iscrizioni false per proteggere il vostro sito web.
Come si può vedere, un modulo di contatto può essere uno strumento fantastico se si vuole costruire un rapporto con i propri clienti, aumentare le conversioni, raccogliere informazioni utili e far crescere la propria attività .
Vediamo ora il modo più semplice per aggiungere i widget dei moduli di contatto al vostro sito web.
Il modo più semplice per incorporare i widget dei moduli di contatto
Per incorporare facilmente i moduli di contatto sul vostro sito web, potete semplicemente utilizzare un plugin di WordPress, senza dover creare un modulo da zero.
Sebbene esistano molti ottimi plugin di moduli di contatto per WordPress, l'opzione migliore che potete utilizzare è WPForms.
WPForms è un semplice costruttore di moduli che può aiutarvi ad aggiungere moduli di contatto accattivanti al vostro sito web WordPress in pochi clic.
Per aiutarvi a creare moduli ad alta conversione, questo plugin è dotato di funzioni utili come:
- Costruttore drag and drop: Potete utilizzare il costruttore visuale per creare i vostri moduli con pochi semplici clic, senza bisogno di codifica.
- Moduli a più pagine: Per incoraggiare le persone a completare i vostri moduli, potete dividerli in più pagine più piccole, più facili da compilare.
- Modelli precostituiti: Basta scegliere tra gli oltre 400 modelli precostituiti disponibili e il vostro bellissimo modulo di contatto sarà subito pronto.
- Opzioni di pagamento: Potete anche ricevere il pagamento dai vostri moduli di contatto, in modo che i visitatori possano facilmente ordinare articoli o abbonarsi ai vostri servizi.
- Logica condizionale intelligente: Per creare moduli brevi e accattivanti, è possibile nascondere o mostrare opzioni in base alle risposte precedenti della persona.
Con tutte queste incredibili caratteristiche, WPForms è diventato il miglior plugin per moduli di contatto per WordPress. Infatti, oltre 5 milioni di siti web utilizzano WPForms per convertire i visitatori e promuovere i loro marchi.
Se volete saperne di più, abbiamo una recensione completa di WPForms che potete consultare.
Ora vediamo come utilizzare WPForms per incorporare un modulo di contatto.
Come aggiungere un modulo di contatto al vostro sito web (passo dopo passo)
Per questo motivo, iniziamo a scoprire il modo più semplice per incorporare i widget dei moduli di contatto. Seguite i passaggi indicati di seguito:
Passo 1: Scaricare e installare il plugin WPForms per WordPress
Per iniziare, andate a prendere la vostra copia di WPForms qui. Potete quindi installare e attivare il plugin sul vostro sito web.
Se volete imparare come si fa, potete semplicemente consultare il nostro tutorial su come installare i plugin di WordPress.
Passo 2: Creare un modulo di contatto
Ora è possibile utilizzare il nuovo plugin per creare un modulo di contatto per il proprio sito web.
Per fare ciò, per prima cosa, andate nel menu WPForms " Aggiungi nuovo dalla vostra dashboard di WordPress.
Successivamente, è possibile scegliere un modello precostituito per creare rapidamente un modulo accattivante di propria scelta.
Poiché stiamo creando un widget per il modulo di contatto, passate il mouse su Simple Contact Form e fate clic su Use Template.
In questo modo, ora avete un semplice modulo di contatto sul vostro sito web. Per impostazione predefinita, sono disponibili 3 campi diversi per raccogliere informazioni:
- Nome: Chiedere il nome e il cognome delle persone
- Email: Raccogliere gli indirizzi e-mail dei visitatori
- Commento o messaggio: Consente ai visitatori di lasciare un messaggio per voi
Dopo aver inserito i propri dati, i visitatori possono cliccare su Invia per inviare le informazioni.
Passo 3: Aggiungere nuovi campi al modulo
Con WPForms è possibile aggiungere più campi e raccogliere più tipi di informazioni dai visitatori.
Per semplificare al massimo l'aggiunta di nuovi campi, potete usare il costruttore di moduli drag-and-drop di WPForm.
Sul lato sinistro dell'editor si trovano tutti i campi personalizzati che è possibile aggiungere. A destra, è possibile vedere il nuovo modulo di contatto e monitorare le modifiche in tempo reale.
Per aggiungere un campo al modulo di contatto, trascinarlo da sinistra e rilasciarlo a destra.
Per il nostro esempio, aggiungiamo il campo Numeri che può raccogliere i numeri di telefono.
Una volta fatto questo, si possono vedere tutte le opzioni per quel campo nel pannello di sinistra. Se si desidera iniziare a modificare un campo esistente, è sufficiente fare clic su di esso per trovare le opzioni del campo sulla sinistra.
Per il nostro esempio, possiamo modificare le impostazioni del nuovo campo Numeri qui.
Per modificare il nome del campo, è possibile modificare l'opzione Etichetta .
Se si desidera fornire ulteriori informazioni sul campo, è possibile utilizzare l'opzione Descrizione . In questo modo si può dare ai visitatori un'idea chiara del contenuto del campo.
Volete che questo campo sia obbligatorio per chiunque compili il modulo? Allora si può attivare l'opzione Richiesto .
Qui si possono trovare altre opzioni a seconda del tipo di campo che si sta modificando.
Una volta soddisfatte le impostazioni del campo, fare clic sulla scheda Avanzate in alto per continuare a modificare il campo.
Nelle opzioni avanzate si possono trovare altri modi per personalizzare il campo:
- Dimensione del campo: Impostare lo spazio occupato da questo campo sullo schermo.
- Testo segnaposto: Mostra un testo sul campo quando è vuoto.
- Valore predefinito: Scegliere cosa mostrare se il campo non viene compilato prima dell'invio.
- Classi CSS: Aggiungere CSS personalizzati per modificare il design di questo campo.
- Nascondi etichetta: Mostra o nasconde l'etichetta sopra il campo
Una volta terminate le impostazioni avanzate, fare clic sulla scheda Smart Logic in alto per procedere.
Da qui è possibile attivare la Logica condizionale per questo campo.
Con questa opzione, si può scegliere di mostrare o nascondere questo campo a seconda di come i visitatori rispondono a una domanda precedente.
Ad esempio, si può chiedere ai visitatori se vivono negli Stati Uniti. In caso di risposta affermativa, è possibile utilizzare la logica condizionale per mostrare un campo in cui scegliere lo stato.
Volete aggiungere altri campi al vostro modulo di contatto? Allora potete cliccare sul pulsante Aggiungi campi in alto.
In questo modo è possibile aggiungere campi per raccogliere e-mail, posizioni, password, date, file e molto altro. Potete anche aggiungere al vostro modulo dei divisori di sezione o delle interruzioni di pagina.
Una volta che siete soddisfatti del vostro modulo di contatto, fate clic sul pulsante Salva nell'angolo in alto a destra.
Passo 4: modificare le impostazioni del modulo
Per modificare le impostazioni del modulo di contatto, fare clic sull'opzione Impostazioni a sinistra.
Si apriranno le Impostazioni generali, dove è possibile modificare queste opzioni:
- Nome del modulo: Scegliere un nome per il modulo di contatto
- Descrizione del modulo: Scrivere una rapida descrizione del nuovo modulo
- Testo del pulsante Invia: Scegliere il testo del pulsante alla fine del modulo invece di "Invia".
- Testo di elaborazione del pulsante di invio: Aggiungere un piccolo testo che viene visualizzato sul pulsante di invio quando si fa clic su di esso.
- Abilitare la protezione anti-spam: Proteggete il vostro widget del modulo Contattaci dai bot di spam.
Una volta soddisfatte le impostazioni, fare clic sul pulsante Salva .
Quindi, fare clic sull'opzione Notifiche nel pannello di sinistra per continuare.
Per impostazione predefinita, WPForms invia una notifica via e-mail ogni volta che qualcuno compila il modulo. Utilizzando l'opzione Abilita notifiche , si può scegliere di attivare o disattivare queste notifiche.
È quindi possibile utilizzare le opzioni rimanenti per impostare le notifiche e-mail:
- Invia a indirizzo e-mail: Scegliere un indirizzo e-mail per ricevere le notifiche via e-mail
- Oggetto dell'e-mail: Scegliere l'oggetto per queste e-mail
- Da Nome: Scegliere il nome del mittente
- Da e-mail: Scegliere un indirizzo e-mail che invia queste e-mail
Se si scorre in basso, si possono trovare le restanti impostazioni e-mail del modulo di contatto di WordPress:
- Indirizzo e-mail di risposta: Scegliere quale e-mail riceverà le risposte a queste e-mail di notifica.
- Messaggio e-mail: Impostare il messaggio delle e-mail di notifica. Se si desidera solo visualizzare le informazioni raccolte dal modulo di contatto, è possibile lasciare le informazioni così come sono.
- Abilitare la logica condizionale: Ricevere notifiche via e-mail solo quando il visitatore aggiunge una risposta specifica a determinati campi.
Una volta terminate le impostazioni di notifica, fare nuovamente clic sul pulsante Salva .
Quindi, fare clic sull'opzione Conferme per continuare.
Dalle impostazioni di conferma, è possibile creare un messaggio per i visitatori che hanno compilato il modulo.
Nel campo Messaggio di conferma , scrivere il messaggio e fare clic sul pulsante Salva.
Passo 5: incorporare il widget del modulo di contatto
Infine, è arrivato il momento di aggiungere il widget del modulo di contatto al vostro sito web WordPress. In realtà , avete due modi per farlo:
- Incorporare il widget del modulo di contatto in una pagina di WordPress
- Incorporare il widget del modulo di contatto nella barra laterale o nel piè di pagina di WordPress
Vediamo di seguito entrambi i metodi:
Incorporare il modulo di contatto in una pagina di WordPress
Utilizzando WPForms, è possibile incorporare un widget per il modulo di contatto senza alcun problema, direttamente dall'editor.
Per iniziare, basta cliccare sul pulsante Embed in alto.
Successivamente, verrà visualizzato un popup che chiede di scegliere la posizione del modulo di contatto.
Se si desidera aggiungere il modulo a una pagina WordPress esistente, fare clic sul pulsante Seleziona pagina esistente .
Per incorporare il widget del modulo in una nuova pagina, fare clic su Crea nuova pagina.
Il plugin aprirà quindi la pagina nell'editor di WordPress, in modo da poter incorporare il widget. Per farlo, fare clic sulla piccola icona più (+) per aggiungere un nuovo blocco di contenuto.
Quindi, scrivere "wpforms" nella barra di ricerca in alto. Una volta fatto ciò, è sufficiente fare clic sul widget WPForms dalle opzioni sottostanti.
In questo modo, il widget WPForms verrà incorporato nella pagina. Nel widget, utilizzare il menu a tendina e selezionare il modulo di contatto appena creato.
Ricordarsi di fare clic sul pulsante Pubblica o Aggiorna per confermare le modifiche.
In questo modo, avete aggiunto il modulo al vostro sito web WordPress. Per vedere come si presenta, potete aprire la pagina dei contatti di WordPress.
Incorporare il modulo di contatto nella barra laterale o nel piè di pagina di WordPress
Potete anche mostrare il vostro nuovo modulo di contatto nelle aree del vostro sito web predisposte per i widget, come la barra laterale o il piè di pagina.
Per prima cosa, andate nel menu Aspetto " Widget per aprire la pagina dei widget del vostro sito web. Da qui è possibile aggiungere, rimuovere e gestire tutti i widget di WordPress.
Successivamente, è possibile scegliere tra la barra laterale o il piè di pagina. Per incorporare il modulo di contatto nella barra laterale, fare clic sul pannello Sidebar.
Se invece si desidera incorporare il modulo nel piè di pagina, fare clic su Piè di pagina.
Per il nostro esempio utilizzeremo la barra laterale.
Successivamente, fare clic sull'icona più (+) per aggiungere un nuovo widget, quindi fare clic su WPForms.
Ora è possibile utilizzare il widget WPForms per scegliere il modulo di contatto che si desidera incorporare.
Come in precedenza, utilizzare il menu a tendina per selezionare il nuovo modulo di contatto.
Fate clic sul pulsante Aggiorna per salvare le modifiche e il gioco è fatto!
Ora avete un widget per il modulo di contatto sul vostro sito web. Aprite il vostro sito web e vedrete come appare.
E questo è quanto!
Speriamo che questo vi abbia mostrato come aggiungere un modulo di contatto sul vostro sito WordPress. Utilizzando WPForms, potete farlo in pochi semplici passi.
In questo modo potrete raggiungere facilmente i vostri clienti, generare lead, aumentare le conversioni e molto altro ancora.
Siete pronti a creare moduli di contatto accattivanti? Acquistate WPForms per il vostro sito web.
Se volete creare un bel sito web con facilità , date un'occhiata al nostro elenco dei migliori plugin di page builder.
Infine, se questo articolo vi è piaciuto, collegatevi con noi su Twitter e Facebook per altre utili esercitazioni.
