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

Stai cercando di aggiungere un modulo di contatto su WordPress? Ogni sito web ha bisogno di un modulo di contatto, in modo che le persone possano contattarti in merito ai 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 singola riga di codice.

Perché hai bisogno di un modulo di contatto su WordPress e sul tuo sito?

Potresti chiederti perché ho bisogno di un modulo di contatto? Non posso semplicemente aggiungere il mio indirizzo e-mail sul mio sito Web, così le persone possono inviarmi un'e-mail?

Questa è una domanda molto comune da parte dei principianti perché temono che l'aggiunta di un modulo di contatto richieda una conoscenza del codice. La verità è che non è necessario conoscere alcun codice. Questa guida passo passo per aggiungere 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 e-mail su una pagina.

  • Protezione antispam: i robot spam eseguono regolarmente la scansione dei siti Web per il tag mailto: indirizzo e-mail. Quando pubblichi il tuo indirizzo e-mail 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 si inviano e-mail, le persone non ti inviano sempre 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. A parte le informazioni coerenti che abbiamo menzionato sopra, puoi anche utilizzare le conferme del modulo per dire all'utente quali sono i passaggi successivi. Come guardare un video o attendere fino a 24 ore per ottenere una risposta, in modo che non ti inviino più richieste.

Di seguito è riportato un esempio di un modulo di contatto WordPress che creeremo in questo tutorial.

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

Suona bene? Ok, allora iniziamo.

Passaggio 1. Scelta del plugin per creare un modulo di contatto

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

Sebbene ci siano diversi plugin per moduli di contatto WordPress gratuiti e a pagamento tra cui puoi scegliere, utilizziamo WPForms sul nostro sito e crediamo che sia la migliore opzione sul mercato.

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

  1. È il plugin per 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 funzionalità più potenti, puoi eseguire l'aggiornamento a WPForms versione Pro.

Ora che abbiamo deciso il plug-in del modulo di contatto, andiamo avanti e installalo sul tuo sito.

Passaggio 2. Installa un plug-in del modulo di contatto in WordPress

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

Puoi installare questo plugin sul tuo sito accedendo alla dashboard di WordPress e andando su Plugin »Aggiungi nuovo .

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

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

Se non vedi il menu dei plugin o desideri istruzioni più dettagliate, fai riferimento alla nostra guida passo passo su come installare un plugin 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 su Aggiungi nuovo.

Questo aprirà il generatore di moduli di trascinamento della selezione di WPForms. Inizia assegnando un nome al modulo di contatto, quindi seleziona il modello di 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, andremo avanti e selezioneremo il Modulo di contatto semplice . Aggiungerà i campi Nome, Email e Messaggio.

È possibile fare clic sul campo per modificarli. Puoi anche usare il mouse per trascinare e rilasciare l'ordine dei campi.

Se si desidera aggiungere un nuovo campo, selezionare semplicemente dai campi disponibili a sinistra, tieni presente che la versione lite di WPForms non ti da la possibilità di usare tutti i tipi di campi ma soltanto quelli basilari.

Questo tutorial e per realizzare un modulo di contatto basilare con nome, cognome, indirizzo email e messaggio.

Al termine, fai clic sul pulsante Salva .

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 del modulo è ciò che il visitatore del tuo sito web vede dopo aver inviato il modulo. Potrebbe essere un messaggio di ringraziamento oppure puoi reindirizzarli a una pagina speciale.

La notifica del modulo è l'e-mail che ricevi dopo che qualcuno ha inviato il modulo di contatto sul tuo sito WordPress.

Puoi personalizzare entrambi andando alla 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 vai alle impostazioni di notifica, tutti i campi saranno pre-compilati in modo dinamico.

Le notifiche per impostazione predefinita vengono inviate all'e-mail di amministrazione che hai impostato sul tuo sito. Se si desidera inviarlo a un indirizzo e-mail personalizzato, è possibile modificarlo. Se si desidera inviare la notifica a più e-mail, quindi separare ciascun indirizzo e-mail con una virgola.

L'oggetto dell'e-mail è precompilato con il nome del modulo. Il campo del nome viene popolato automaticamente con il nome dell'utente. Quando rispondi alla richiesta, verrà inviata l'email che l'utente ha compilato il modulo di contatto.

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

Ora che hai finito di configurare il tuo modulo di contatto WordPress, è tempo di incorporarlo 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 il blocco di Gutenberg dedicato a WPForms per aggiungere il modulo in una pagina. Basta fare clic sul pulsante Aggiungi blocco in alto e scrivere nella casella di ricerca “wpforms”. Ora clicca sul widget per aggiungerlo nella pagina.

Ti verrà chiesto di scegliere il modulo di contatto che vuoi mostrare e la schermata sara come questa qui sotto.

Una volta scelto il modulo, potrai vedere un'anteprima subito dal backend senza dover andare a vedere la pagina. Sarà cosi:

Invece qui sotto puoi vedere come si vedrà il modulo di contatto sul frontend. Qui noi usiamo il tema di default di WordPress (twentytwenty) quindi lo stile del tuo modulo potrà cambiare leggermente.

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

Se vuoi aggiungere un modulo di contatto su una barra laterale o su un'altra area pronta per il widget, vai al passaggio 6.

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

WPForms viene fornito con un widget modulo di contatto WordPress che puoi utilizzare per aggiungere il modulo di contatto in una barra laterale o praticamente qualsiasi altra area pronta per il widget nel tuo tema.

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

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

Speriamo che questo articolo ti abbia aiutato a creare un semplice modulo di contatto in WordPress. Puoi anche dare un'occhiata al nostro confronto tra i 7 migliori plugin di backup di WordPress .

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

Condividi se pensi che questo articolo può essere utile anche ad altre persone.

Leave a Reply

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.