Creare modulo contatti con contact form 7

In questa guida ti voglio mostrare come creare un modulo contatti da inserire in una pagina “contatti”, o comunque dove vuoi per essere contattato dai visitatori del tuo sito.

Per creare modulo contatti useremo il semplicissimo ed utilissimo plugin contact form 7 per wordpress.

Questo plugin offre un’aspetto professionale oltre ad avere moltissimi campi da poter inserire nel tuo modulo.

Prima di passare all’installazione e creazione del modulo, voglio farti capire l’utilità di inserire in un sito un modulo contatti.

In molti siti si vede una sezione contatti creata con i dati della società.Es. creo una pagina ed inserisco la mia e-mail, il mio numero di telefono, il mio indirizzo.

Ma questo sistema è troppo macchinoso è poco professionale, perchè un utente per contattarci deve copiare il nostro indirizzo e-mail e scrivere per intero una e-mail.

Allora i tempi per inviarci una mail si allungano specialmente se, l’utente prova a farlo da un dispositivo mobile.

Ed in questi tempi in cui vanno tutti di fretta rischieremo di perdere utenti, che al primo ostacolo cercheranno altri siti su Google.

In questo caso ci viene in aiuto il modulo contatti, un modulo che ha al suo interno tutti i campi.

I campi nome,e-mail e richiesta agevolerà l’utente e darà al sito un tocco professionale.

Ovviamente se vogliamo possiamo inserire nella pagina del modulo contatti, oppure dove vogliamo anche tutti i nostri recapiti e magari una chat.

Integrando così diverse opzioni in modo da riuscire a migliorare l’esperienza di qualsiasi utente venga nel nostro sito.

Ok adesso dopo aver fatto questa breve introduzione passiamo alla creazione del modulo contatti.

Vai su plugin e poi su aggiungi nuovo e scarichiamo “contact form 7”, se non hai mai installato e scaricato un plugin leggi la mia guida cliccando su plugin wordpress installazione e utilizzo.

lo possiamo scaricare direttamente dalla sezione cerca plugin di wordpress, oppure scaricando il file zip cliccano qui

modulo contatti

Dopo che hai installato ed attivato il plugin contact form 7, passiamo alla configurazione e a come creare modulo contatti.

Come puoi notare adesso ti è comparsa la voce contatti nel menù del pannello admin della tua installazione di WordPress.

Clicchiamo su aggiungi nuovo.

contact form 7

In questo momento ti ritroverai davanti alle semplici impostazioni di questo plugin, che ti consentiranno in pochi minuti di creare modulo contatti.

Nella prima scheda MODULI, ti troverai davanti ad un modulo contatti già pronto come vedi sotto.

creazione del modulo contatti

con all’interno i campi “tuo nome”,”la tua email”,”oggetto del messaggio” corpo del messaggio” ed il pulsante “invia”.

Se vuoi modificare il testo dell’etichetta basta modificare quello che è scritto dopo label.

Ad esempio se inserisco il modulo come è in foto sopra.

Il primo campo verrà etichettato con il tuo nome, voglio che invece sia etichettato con il inserisci il tuo nome.

Esempio

<label> Il tuo nome (richiesto) lo andrai a modificare con <label> Inserisci il tuo nome (richiesto).

e così per tutti i campi, possiamo modificare anche il testo del pulsante cambiando il testo tra virgolette alla fine del modulo dopo submit.

Se vuoi inserire ulteriori campi basta che vai sul corpo del modulo, su una riga vuota ed in alto clicchi su una delle voci già preimpostate, quelle che vedi nella foto sotto per intenderci.

inserire campi nel modulo contatti

 

Nella seconda scheda MAIL, in questo campo puoi impostare l’email di ringraziamento che verrà inviata in automatico dopo la registrazione. 

Qui devi inserire nel campo e-mail, la tua e-mail, nel campo da inserisci il nome del tuo sito,che comparirà come inviata da:…..,Oggetto inserisci il titolo che vuoi dare alla tua mail.

Ed infine il corpo del messaggio quello che vuoi scrivere per ringraziare oppure comunicare all’utente registrato.

Sotto hai anche il campo File Allegati dove puoi inserire Link a file che l’utente può scaricare dopo essersi registrato.

In MESSAGGI, ci sono i messaggi che compaiono all’utente durante le varie fasi della registrazione.

creare modulo contatti fase 3

Es.

Registrazione andata a buon fine – Grazie per esserti registrato.

L’utente che si sta registrando dimentica di inserire un campo obbligatorio tipo la mail, e tenta di inviare il modulo – uscirà il messaggio compila tutti i campi obbligatori.Ecc…

Qui puoi modificare tutte le voci, semplicemente cancellando quelle che ci sono ed inserendo quelle che preferisci.

in impostazioni aggiuntive puoi inserire codice personalizzato per modificare aspetto ecc..

Adesso che abbiamo visto come creare modulo contatti.

Tutte le nostre impostazioni sono inserite salviamo il modulo cliccando su salva, e vediamo come integrarlo nel sito.

 

Per integrarlo nel sito ritorniamo su contatti e poi su moduli di contatto, affianco al nostro modulo troveremo la voce shortcode vedi foto sotto.

integrazione modulo

Adesso copia il codice e incollalo dove vuoi far comparire il modulo in un’articolo, in una pagina, insomma dove vuoi.

Se hai bisogno di aiuto contattami tramite il modulo contatti ,commentando sotto oppure tramite la chat.

Per vedere come creare un blog in wordpress registrati, e guarda le video guide.

 

 

 

The following two tabs change content below.
Ciao! Sono Luca il creatore di WebForumPro.com oltre a diversi blog, sono qui per aiutarti a creare Blog e app per qualsiasi domanda scrivimi nei commenti del blog,del forum oppure tramite il modulo contatti
0 commenti

Lascia un Commento

Vuoi partecipare alla discussione?
Fornisci il tuo contributo!

Lascia un commento

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