Creare una pagina contatti sito o blog wordpress


modulo contatti sito wordpress

Creare una pagina contatti per sito o blog

Creare una pagina con un modulo contatti è estremamente importante per il tuo per sito o blog, in quanto ti aiuta a mantenere il tuo indirizzo email privato (in questo modo ridurre lo spam) e rende più facile e veloce per i tuoi visitatori entrare in contatto direttamente con il tuo sito web.
Se hai creato una pagina contatti nel tuo blog o sito web con WordPress, è facile aggiungere un modulo di contatto, personalizzarlo e iniziare a ricevere i messaggi.
Il modo più semplice per creare un modulo è quello di utilizzare un plugin WordPress Contact Form 7, che è il modulo di contatto più utilizzato con WordPress, con la sua interfaccia intuitiva e la configurazione rapida vi aiuteranno a creare un form di contatto in poco tempo.

Sommario

Quello che ti serve
Fase 1 – Installazione del plugin Contact Form 7
Fase 2 – Creazione di un modulo
Fase 3 – Impostazione della posta elettronica
Fase 4 – Personalizzare l’esperienza dell’utente
Fase 5 – Salvare e pubblicare il modulo
Fase 6 – Testare il modulo WordPress

Accesso alla dashboard di WordPress

Fase 1 – Installazione del modulo di Contact Form 7

Accedi alla dashboard di WordPress e seleziona Plugins> Aggiungi nuovo dal menu a sinistra.
Cerca modulo Contact Form 7 e seleziona ed Installa .
Una volta installato, seleziona attiva, il plugin sul tuo sito web.

Fase 2 – Creazione modulo di contatto

Una volta che il plugin è attivo, sul lato sinistro del cruscotto viene visualizzata una nuova sezione contatto.

Seleziona Contatto -> Aggiungi nuovo per creare il tuo primo modulo.
Aggiungere un titolo al tuo modulo, ad esempio il mio Contact Form .
Alcune etichette e campi di input sono stati inseriti nel modulo per aiutarti a iniziare, è possibile rimuoverli, oppure aggiungere nuove etichette e campi di inserimento selezionandoli dall’elenco visualizzato in cima all’area di testo.

Se non sei sicuro di quali etichette o campi di input potresti aver bisogno, puoi lasciare il modulo come è, e puoi sempre tornare indietro e modificarlo in un secondo momento.

A seconda delle etichette ei campi di input scelti, il codice finale dovrebbe essere simile al seguente:

<p>Il tuo nome (richiesto)<br />
 [text* your-name] </p>

<p>La tua email (richiesto)<br />
 [email* your-email] </p>

<p>Oggetto<br />
 [text your-subject] </p>

<p>Il tuo messaggio<br />
 [textarea your-message] </p>

<p>[submit "Invia"]</p>

È possibile aggiungere e rimuovere elementi, in base alle proprie esigenze, per aiutarti a iniziare, prova con i segnaposti elencati sopra il modulo.

Il segno con * indica che è un campo obbligatorio.

Fase 3 – Impostazione form della posta elettronica

Quando un visitatore invia un messaggio tramite il modulo di contatto, riceverai un’email contenente il proprio nome, i dettagli di contatto e il corpo del messaggio.

È possibile impostare le e-mail tramite la scheda Mail : alcuni tag-mail sono elencati nella parte superiore, sentitevi liberi di sperimentare aggiungendo campi, puoi sempre tornare indietro e apportare modifiche in un secondo momento.

IMPORTANTE: Assicurati di digitare un indirizzo email valido nel campo A : questo è dove vengono inviati tutti i messaggi.

Fase 4 – Personalizza l’esperienza utente

Nella scheda Messaggi puoi personalizzare i messaggi che i visitatori visualizzano quando inviano il modulo, ad esempio, è possibile impostare un messaggio quando il modulo è stato inviato correttamente e un messaggio diverso nel caso in cui venivano visualizzati alcuni errori (ad esempio, il visitatore ha fornito un indirizzo email non valido o non ha compilato un campo obbligatorio).

Fase 5 – Salvare e pubblicare il modulo

Quando sei pronto, puoi salvare le modifiche facendo clic su Salva nel pannello laterale destro, una volta che il modulo viene salvato, nella parte superiore verrà visualizzato un “shortcode” e viene evidenziato in blu così:

[contact-form-7 id=”123″ title=”WordPress Contact Form”]

Per pubblicare il modulo :

Selezionare il shortcode e copiarlo
Incollare il codice nella pagina, nel post o nel widget in cui desideri che venga visualizzato il modulo di contatto.

Il risultato finale dovrebbe essere simile a questo nella pagina contatti sito o blog:

Creare una pagina contatti sito o blog wordpress

Fase 6 – Testare il modulo di contatto wordpress Contact Form 7

È importante testare il modulo per assicurarsi che funzioni come previsto, inoltre, è fondamentale assicurarsi di ricevere i messaggi via e-mail.

Per fare questo, basta visitare il tuo sito web ed inviare il modulo come farebbe un visitatore, puoi sempre tornare all’editor del modulo e apportare modifiche.

Quando si apportano modifiche, ricorda di premere il pulsante Salva, non è necessario copiare e incollare nuovamente il codice.

Conclusione

L’istruzione fornita in questo tutorial ti fornisce le fondamenta necessarie per creare e pubblicare un modulo di contatto per il tuo sito web con WordPress e per ricevere messaggi via e-mail.


Lascia un commento

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

*