Come creare un modulo di contatto in WordPress (passo dopo passo)

Stai cercando di aggiungere un modulo di contatto sul tuo sito WordPress? Ogni sito web ha bisogno di un modulo di contatto, così le persone possono contattarti sui tuoi prodotti e servizi. In questo tutorial di WordPress, ti mostreremo come creare un modulo di contatto in WordPress (passo dopo passo) senza toccare una sola riga di codice.

Perché hai bisogno di un modulo di contatto?

Ti starai chiedendo perché ho bisogno di un modulo di contatto? Non posso semplicemente aggiungere il mio indirizzo email sul mio sito web, così le persone possono scrivermi?

Questa è una domanda molto comune dai principianti perché temono che l'aggiunta di un modulo di contatto richieda la conoscenza del codice. La verità è che non hai bisogno di conoscere alcun codice. Questa guida passo passo all'aggiunta di un modulo di contatto è scritta per i principianti assoluti.

Di seguito sono riportati i 3 principali motivi per cui un modulo di contatto è meglio che incollare il tuo indirizzo email su una pagina.

• Protezione da spam - I bot degli spam raccolgono regolarmente i siti web per il tag mailto: email address. Quando pubblichi il tuo indirizzo email sul sito web, inizierai a ricevere molte e-mail di spam. D'altra parte, quando si utilizza un modulo di contatto, è possibile eliminare quasi tutte le e-mail di spam.
• Informazioni coerenti - Quando invii email, le persone non sempre ti inviano tutte le informazioni di cui hai bisogno. Con un modulo di contatto, puoi dire all'utente esattamente quali informazioni stai cercando (come il numero di telefono, il budget, ecc.).
• Risparmia tempo - I moduli di contatto ti aiutano a risparmiare tempo in più modi di quanto tu possa immaginare. Oltre alle informazioni coerenti che abbiamo citato sopra, puoi anche utilizzare le conferme del modulo per dire all'utente quali sono i passi successivi. Ad esempio, guarda un video o attendi fino a 24 ore per ottenere una risposta, in modo che non ti inviino più domande.

Di seguito è riportato un esempio di modulo di contatto WordPress che verrà creato in questo tutorial.

Dopo aver creato il modulo sopra, ti mostreremo anche come puoi aggiungerlo facilmente alla tua pagina di contatto o nella barra laterale del tuo sito usando un widget del modulo di contatto WordPress.

Suona bene? Ok, allora iniziamo.

Video Tutorial

Se il video non ti piace o hai bisogno di ulteriori istruzioni, continua a leggere.

Passaggio 1. Scelta del plugin per il miglior modulo di contatto

La prima cosa che devi fare è scegliere un plugin per il modulo di contatto WordPress.

Mentre ci sono diversi plugin per form di contatto WordPress gratuiti ea pagamento, puoi utilizzare WPForms sul nostro sito e credere che sia la migliore opzione sul mercato.

Di seguito sono riportati i tre motivi per cui pensiamo che WPForms sia il migliore:

1. È il plug-in per i moduli di contatto più adatto ai principianti disponibile. È possibile utilizzare il builder drag & drop per creare facilmente un modulo di contatto in pochi clic.
2. WPForms Lite è gratuito al 100% e puoi usarlo per creare un semplice modulo di contatto.
3. Quando sei pronto per funzioni più potenti, puoi eseguire l'aggiornamento a WPForms Pro.

Ora che abbiamo deciso sul plugin del modulo di contatto, andiamo avanti e installarlo sul tuo sito.

Passaggio 2. Installare un modulo di contatto Plugin in WordPress

Per questo tutorial del modulo di contatto, utilizzeremo WPForms Lite perché è gratuito e facile da usare.

Puoi installare questo plug-in sul tuo sito accedendo al tuo dashboard WordPress e andando a Plugin »Aggiungi nuovo.

Nel campo di ricerca, digitare WPForms e quindi fare clic su Installa ora pulsante.

Dopo aver installato il plugin, assicurati di attivare il plug-in.

Se non vedi il menu dei plugin o desideri istruzioni più dettagliate, fai riferimento alla nostra guida passo passo su come installare un plug-in di WordPress.

Passaggio 3. Creare un modulo di contatto in WordPress

Ora che hai attivato WPForms, sei pronto per creare un modulo di contatto in WordPress.

Nella dashboard di WordPress, fai clic sul menu WPForms e vai a Aggiungi nuovo.

Questo aprirà il builder di trascinamento della selezione di WPForms. Inizia dando un nome al modulo di contatto e quindi seleziona il modello del modulo di contatto.

WPForms Lite viene fornito solo con due modelli di modulo predefiniti (modulo di contatto vuoto o semplice). Ma puoi usare questi due per creare praticamente qualsiasi tipo di modulo di contatto che ti piace.

Per il bene di questo esempio, procederemo e selezioneremo Modulo di contatto semplice. Aggiungerà i campi Nome, Email e Messaggio.

Puoi cliccare sul campo per modificarli. Puoi anche usare il mouse per trascinare e rilasciare l'ordine dei campi.

Se vuoi aggiungere un nuovo campo, seleziona semplicemente tra i campi disponibili a sinistra.

Quando hai finito clicca sul Salvare pulsante.

Passaggio 4. Configurazione della notifica e delle conferme del modulo

Ora che hai creato il tuo modulo WordPress, è importante configurare correttamente la notifica del modulo e la conferma del modulo.

La conferma della forma è ciò che il visitatore del tuo sito web vede dopo aver inviato il modulo. Potrebbe essere un messaggio di ringraziamento o puoi reindirizzare a una pagina speciale.

Notifica modulo è l'email che ricevi dopo che qualcuno ha inviato il modulo di contatto sul tuo sito WordPress.

Puoi personalizzare entrambi andando nella scheda Impostazioni all'interno del generatore di moduli WPForms.

Di solito lasciamo la conferma del modulo come messaggio di ringraziamento predefinito. Tuttavia, puoi modificarlo per reindirizzare a una pagina specifica, se lo desideri.

La parte migliore di WPForms è che le impostazioni predefinite sono ideali per i principianti. Quando si passano le impostazioni di notifica, tutti i campi saranno precompilati in modo dinamico.

Le notifiche di default sono inviate all'e-mail di amministrazione che hai configurato sul tuo sito. Se vuoi inviarlo a un indirizzo email personalizzato, puoi cambiarlo. Se si desidera inviare la notifica a più e-mail, è sufficiente separare ogni indirizzo e-mail con una virgola.

L'oggetto dell'email è pre-fileld con il nome del tuo modulo. Il campo da nome viene automaticamente popolato con il nome dell'utente. Quando rispondi all'invito, verrà inviata l'email che l'utente ha compilato nel modulo di contatto.

Passaggio 5. Aggiunta del modulo di contatto WordPress in una pagina

Ora che hai finito di configurare il tuo modulo di contatto WordPress, è il momento di inserirlo in una pagina.

La prima cosa che devi fare è creare una nuova pagina in WordPress o modificare una pagina esistente in cui desideri aggiungere il modulo di contatto.

Utilizzeremo lo shortcode del modulo di contatto WordPress per aggiungere il modulo in una pagina. Basta fare clic sul pulsante Aggiungi modulo in alto e selezionare il modulo che si desidera aggiungere.

Uno shortcode del modulo di contatto verrà aggiunto al contenuto della pagina. Ora vai avanti e salva la tua pagina per vederla in anteprima.

Ecco come appare il modulo su una pagina WordPress di esempio:

Se si desidera solo aggiungere il modulo di contatto sulla pagina, allora hai finito qui. Congratulazioni.

Se si desidera aggiungere un modulo di contatto su una barra laterale o un'altra area pronta per il widget, quindi andare al passaggio 6.

Passaggio 6. Aggiunta di un modulo di contatto WordPress in una barra laterale

I WPForms sono dotati di un widget del modulo di contatto WordPress che puoi utilizzare per aggiungere il tuo modulo di contatto in una barra laterale o praticamente in qualsiasi altra area pronta per il widget nel tuo tema.

Nell'area amministrativa di WordPress, vai a Aspetto »Widget. Vedrai un widget WPForms che puoi facilmente trascinare in qualsiasi area pronta per il tuo tema.

Successivamente, aggiungi il titolo per il tuo widget e seleziona il modulo che desideri visualizzare. Salva le impostazioni e visita il tuo sito Web per l'anteprima.

Speriamo che questo articolo ti abbia aiutato a creare un semplice modulo di contatto in WordPress. Si consiglia inoltre di verificare il nostro confronto tra i 7 migliori plug-in di backup di WordPress.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi anche trovarci su Twitter e Facebook.