Inserire un modulo di contatto nel blog

Un modulo di contatto (o contact form) permette ai visitatori del blog di mandarci delle mail direttamente dal nostro sito senza aprire Outlook. Oltre che utile per l'utente, un modulo di contatto permette all'autore del blog di non rendere pubblico il suo indirizzo email, evitando così che il proprio indirizzo email finisca nei database di qualche spambots (leggete questo mio precedente post per approfondimenti).

Sono molti i servizi online che permettono di inserirlo velocemente nel blog proteggendo la nostra privacy, in particolare oggi parlo di Response-O-Matic.

L'idea per questo post è stata suggerita da Andrea.

Andiamo nel sito e clicchiamo su GET STARTED al centro della pagina per creare il nostro account. Dopo esserci registrati, accediamo al nostro account e clicchiamo su Create a Form per creare il nostro primo modulo di contatto:

della quale ci verrà chiesto di associargli un nome:

Cliccando su Create Form, uno strumento grafico ci permetterà di costruire il nostro modulo di contatto, permettendoci di scegliere quali voci visualizzare e come farlo. Sono già presenti Name e Email address, nella maggior parte dei casi potrebbe non servirci altro:

Nel menù a sinistra sono presenti i seguenti comandi:

• Add a Question: permette di aggiungere un altro dato da far inserire a chi vuole contattarci. Ad esempio, oltre a quelli già proposti, potremmo far inserire l'indirizzo del suo blog.
• Edit:  ci permette di specificare se vogliamo che il campo sia obbligatorio e di cambiare il testo visualizzato. Nel caso proposto, potremmo cambiare Name in Nome e Email Address in Indirizzo Email.
• Delete: cancella una voce
• Move Up, Move Down: permette di spostare una determinata voce sopra o sotto.

Questo strumento non è intuitivo al massimo, fate un po' di prove coi vari comandi. Una voce che dovete assolutamente inserire è quella dove dovrà essere inserito il messaggio che l'utente vorrà mandarci, quindi cliccate su Add a question per crearla e inseritegli come testo qualcosa del tipo "Messaggio:".

Una volta scelte le voci che vogliamo inserire, clicchiamo su "Save and Continue to step 2" e nella pagina seguente sceglieremo alcune opzioni per il corretto funzionamento del nostro modulo di contatto. Nella prima opzione, scegliamo di far tornare chi ha lasciato un commento al nostro blog, cliccando su Send them to you site e inserendo l'indirizzo del nostro blog:

In Email, selezioniamo "Email a copy of form submission to you" e inseriamo il nostro indirizzo email e un soggetto per le mail, per farci arrivare in posta una copia del messaggio inserito:

A questo punto clicchiamo su "Save and Continue to step 3":

Da qui possiamo prelevare il codice html (cliccando col tasto destro del mouse sul codice, e scegliendo Seleziona tutto e poi Copia) da incollare nel nostro blog. Nel caso di Blogger, va incollato in un elemento di tipo HTML/Javascript. Alternativamente, possiamo creare un post di servizio (come spiego qui), inserirvi il codice html (da Modifica HTML del post) e aggiungere un link nella pagina principale a questo post.

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!