Si volem que els lectors del nostre blog entrin en contacte directe amb nosaltres sense haver-los de donar la nostra adreça de correu electrònic, podem utilitzar un formulari de contacte que inserirem en una pàgina del lloc. Les dades introduïdes en aquest formulari ens arribaran al compte de correu electrònic indicat i, a més, les podrem trobar a l’apartat Feedbacks del tauler de l’administrador.

Per afegir un formulari a la pàgina fem clic al botó “Afegir formulari de contacte” ( Add Contact Form ) que trobem per sobre de l’editor de text.

Aquest botó dóna accés al generador de formualris on podrem personalitzar els camps que es creen per defecte. Aquest generador té dues pestanyes: la primera amb les eines d’edició i addició de nous camps ( Form Builder ) i la segona ( Email notifications ) amb dos camps que ens permetran indicar un correu electrònic on rebre el missatge i l’assumpte del missatge enviat; només omplirem la informació d’aquesta segona pestanya si volem rebre els missatges en una adreça de correu diferent a l’especificada en el nostre perfil de WordPress.

En situar el cursor a sobre dels camps existents podrem editar-los i també moure’ls per ordenar-los.

En fer clic a editar podrem canviar:

• El nom de l’ etiqueta de camp.
• El tipus de camp.
• I la condició de camp d’ompliment obligatori.

WordPress ens permet la utilització de diversos tipus de camp ( Field type ):

• text : crea un control d’entrada de text d’una línia.
• textarea : crea un control d’entrada de text en diverses línies.
• radio : crea un conjunt de botons. L’usuari podrà seleccionar només una de les opcions disponibles.
• checkbox : crea una casella de verificació que l’usuari podrà marcar o desmarcar.
• select (drop down) : crea un desplegable amb diverses opcions. L’usuari podrà seleccionar només una de les opcions disponibles.
• email : crea un control d’entrada de text d’una línia per a adreces de correu electrònic.
• name : crea un control d’entrada de text d’una línia.
• url : crea un control d’entrada de text d’una línia per a adreces web.

Si volem afegir un camp, fem clic a l’enllaç “Afegir un nou camp” ( Add a new field). A la dreta s’obrirà la finestra d’edició per tal que especfiquem l’etiqueta del camp, el seu tipus i si serà o no obligatori. En cas que el tipus de camp sigui “select” o “radio” podrem indicar, a més, les diverses opcions fent clic a l’enllaç “Afegir una nova opció” ( Add another option ).

Per esborrar un camp, fem clic a la ratlla que apareix al seu costat. Procedirem de la mateixa manera quan calgui esborrar alguna de les opcions dels camps de tipus “drop down” o “radio”.

Per afegir el formulari a la pàgina, fem clic al botó “Afegir aquest formulari a l’entrada” ( Add this form to my post ).

En inserir el formulari es genera un shortcode (codi abreujat) que apareix en el formulari d’edició:

Per exemple, aquest shortcode indica que hem creat un formulari de tres camps: nom, correu electrònic i comentaris; tots tres camps són obligatoris (required=’1′) i són del tipus text, email i textarea respectivament:
[ contact-form ]
[ contact-field label='Nom' type='text' required='1'/ ]
[ contact-field label='Correu electrònic' type='email' required='1'/ ]
[ contact-field label='Comentaris' type='textarea' required='1'/ ]
[ /contact-form]


Podem editar el formulari fent canvis en aquest shortcode o bé, fent clic al botó “Afegir formulari de contacte” ( Add Contact Form ), que és el mateix que utilitzem quan volem afegir el formulari.

Aquí us deixem un video amb el resum visual del que us hem explicat en aquesta entrada.