Logo Assistenza WP

WPForms: come creare moduli di contatto

Roberto Marchesini,

Creare un modulo di contatto per il tuo sito WordPress può essere molto utile per permettere ai tuoi utenti di poterti contattare per richiedere informazioni riguardante la tua attività o semplicemente per farti alcune domande.

In questo articolo nello specifico ti spiegherò come puoi andare a realizzare un modulo di contatto utilizzando il plugin “WPForms, che ti consiglio perché secondo me è uno dei migliori plugins in circolazione.

Questo plugin è infatti già stato installato su più di un milione di siti web e ha ricevuto moltissime recensioni positive. Inoltre è possibile scaricarne una versione sia gratuita che a pagamento, a seconda delle tue esigenze.

Ok, passiamo subito alla parte pratica e vediamo tutta la procedura passo passo che devi seguire.

[Video] WPForms: Come creare moduli di contatto

(clicca qui per guardarlo su YouTube)

Se sei interessato a WordPress: scarica il mio manuale completo su WordPress.

Come installare WPForms e panoramica del plugin

Per prima cosa vai sul tuo pannello di amministrazione WordPress e cerca nella colonna di sinistra la voce “Plugin” e clicca su “Aggiungi Nuovo”.

Nel riquadro di ricerca cerca quindi “WPForms” e installa e attiva il plugin sul tuo sito web.

WPForms-come creare moduli contatto-Step1

Una volta installato correttamente, come puoi vedere selezionando sempre nella colonna di sinistra la voce “WPForms > Impostazioni”, puoi andare a modificare le impostazioni relative al plugin, come quelle generali, quelle relative alla mail di WPForms, la configurazione del reCAPTCHA, ecc….

WPForms-come creare moduli contatto-Step2

Bene, a questo punto vediamo nel dettaglio come creare il modulo di contatto con WPForms e come puoi andarlo a personalizzare in base a quelle che sono le tue esigenze.

Creazione del modulo di contatto con WPForms

Dal tuo pannello di amministrazione seleziona “WPForms > Tutti i moduli” e nella nuova pagina clicca sul pulsante “Aggiungi nuovo”.

Ora vai a dare un nome al tuo nuovo modulo scrivendolo nel riquadro (io ho scritto semplicemente “Modulo di contatto”) e seleziona uno dei template di default a seconda del tipo di modulo che vuoi creare.

Il plugin ti offre infatti quattro opzioni tra cui scegliere:

  • Modulo vuoto
  • Semplice modulo di contatto (quello che sceglierò io come esempio)
  • Modulo di iscrizione alla newsletter
  • Modulo per suggerimenti
WPForms-come creare moduli contatto-Step3

Una volta scelto il template nella nuova schermata troverai tutte le opzioni per personalizzare il tuo modulo.

Cliccando su ciascun campo del modulo, a sinistra troverai tutte le impostazioni per andarlo a modificare e, mano a mano che procederai con le modifiche, queste verranno visualizzate in automatico.

Se prendiamo come esempio il campo relativo al Nome i parametri che puoi modificare sono:

  1. Etichetta: qui puoi scegliere quale testo visualizzare sopra il campo da compilare (per es. “Nome e Cognome”)
  2. Formato: qui dal menu a tendina puoi selezionare le opzioni “Semplice”, “Nome / Cognome”, “Nome / Secondo nome / Cognome” per decidere se far visualizzare questo elemento su un unico campo oppure su due o tre campi distinti
  3. Descrizione: puoi aggiungere una breve descrizione che verrà visualizzata sotto l’elemento
  4. Obbligatorio: mettere la spunta per decidere se il campo sia obbligatorio o meno
WPForms-come creare moduli contatto-Step4

Sotto le “Opzioni avanzate” hai inoltre la possibilità di:

  1. Impostare le dimensioni del campo
  2. Segnaposto: qui puoi scrivere del testo che sarà visualizzato all’interno del campo prima che l’utente lo vada a compilare
  3. Mettere la spunta alle checkboxes per nascondere le etichette o le sotto-etichette
WPForms-come creare moduli contatto-Step5

Naturalmente  puoi modificare tutte queste impostazioni anche per gli altri campi, quindi la Email, il Messaggio, ecc…

Cliccando nella sezione a sinistra sulla voce “Aggiungi un campo” il plugin ti dà inoltre la possibilità di aggiungere altri campi al modulo che stai creando (per es. menu a tendina, caselle di spunta…).

Per fare ciò ti basta selezionare l’elemento che preferisci e trascinarlo col mouse all’interno del modulo.

WPForms-come creare moduli contatto-Step6

Ovviamente, come ti ho spiegato per gli altri campi, anche per questi puoi modificare le varie impostazioni semplicemente cliccandoci sopra all’interno del modulo e riempiendo come preferisci le varie opzioni dal menu a sinistra.

Tutto chiaro fin qui?

Bene, ora che hai realizzato il tuo modulo di contatto non ti resta che salvarlo e pubblicarlo sul tuo sito WordPress. Proseguendo con la lettura dell’articolo ti spiegherò anche questi ultimi passaggi.

Come salvare e pubblicare il modulo di contatto

Ok, per salvare il modulo di contatto che hai appena creato ti basta cliccare sul pulsante “Salva” posizionato in alto a destra.

Per pubblicarlo dirigiti all’interno della pagina del tuo sito relativa ai “Contatti” e clicca la voce “Modifica pagina” sulla barra degli strumenti in alto.

In alternativa puoi anche andare sul tuo pannello di amministrazione, selezionare dalla colonna di sinistra la voce “Pagine” e cliccare su “Modifica” in corrispondenza della pagina “Contatti” presente nell’elenco.

Ad ogni modo io avevo già un modulo di contatto che avevo creato in precedenza con Contact Form 7 di cui ho scritto un articolo a riguardo.

Nel tuo caso devi semplicemente copiare e incollare all’interno del riquadro lo shortcode relativo al modulo che hai appena creato.

Questo lo troverai facilmente selezionando sempre nella colonna di sinistra “WPForms > Tutti i moduli”.

WPForms-come creare moduli contatto-Step7

Salva infine il blocco cliccando su “SAVE” e aggiorna la pagina selezionando “Update”.
A questo punto la pagina dovrebbe essere stata aggiornata correttamente.

Se provi ad aprire in una nuova scheda la pagina dei “Contatti” del tuo sito vedrai infatti comparire il modulo appena creato.

Conclusione

Bene, come hai potuto vedere la procedura per creare un modulo di contatto con WPForms è stata davvero molto semplice.

Il modulo ti permetterà di comunicare agevolmente con i tuoi utenti, infatti ogni volta che questo verrà compilato il plugin ti avviserà con una mail mostrandoti tutte le informazioni che hai richiesto quando hai creato il modulo di contatto.

Naturalmente io ti ho mostrato come creare il modulo utilizzando solo opzioni disponibili con la versione gratuita del plugin, ma tu ovviamente puoi andare ad acquistare quella a pagamento se hai bisogno di maggiori funzionalità.

Se hai ancora dei dubbi o perplessità sull’argomento non esitare a contattarmi dal modulo che trovi qui sotto, sono sempre disponibile ad aiutare i miei lettori!

Link che ti potrebbero interessare

SCARICA SUBITO

L'ESTRATTO DEL MANUALE COMPLETO SU WORDPRESS

Scritto da: 
Roberto Marchesini

Roberto Marchesini è il creatore e fondatore di Assistenza WP. Inoltre é l'autore del manuale completo su WordPress con cui è riuscito ad aiutare migliaia di persone a realizzare i propri progetti online.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Roberto Marchesini

Sono il fondatore di Assistenza WP e il creatore di diversi prodotti digitali con i quali sono riuscito ad aiutare moltissime aziende e professionisti a creare e a migliorare i propri siti WordPress.

Inizia da qui

Video corsi e Assistenza WordPress

- Manuale Completo WordPress
- Video corso WordPress
- Video corso SEO
- Creazione siti web professionali
- Rifacimento sito web
- Trasferimento siti web
- Assistenza tecnica personalizzata
Scopri di più

Video corsi e Assistenza WordPress

- Manuale Completo WordPress
- Video corso WordPress
- Video corso SEO
- Creazione siti web professionali
- Rifacimento sito web
- Trasferimento siti web
- Assistenza tecnica personalizzata
Scopri di più
© Copyright 2014-2021 Assistenza prioritaria - P. IVA: 102190216 | Rispettiamo la tua Privacy
cross-circle
Accetto

Confermare l'impiego di cookie da parte di assistenzawponline.it per fornirti una migliore esperienza d'uso nei servizi offerti.

L'ESTRATTO DEL MANUALE COMPLETO SU WORDPRESS
 
SCARICA SUBITO