En el siguiente tutorial vamos a implementar un formulario de contacto, una pieza clave en cualquier web que quiera mostrar cierta calidad. Nos da igual que sea una tienda, un portafolio, un blog, una empresa o un anuncio; en todos los casos anteriores necesitaremos que el cliente pueda comunicarse. Desde asistencia técnica a pedir un presupuesto. Otra opción sería dejar un e-mail, pero ni es seguro (terminaremos con mucho spam) ni es elegante. Por ello tendremos, siempre que podamos, un formulario para facilitar la tarea a nuestros visitantes.

Lo primero que haremos será instalar el plugin Contact Form 7.

Wordpress contact form 7 1

 

Tras la instalación aparecerá un nuevo elemento en tu menú de administrador.

WordPress contact form 7 2

 

Creamos un nuevo formulario pulsando Add New. Definimos el idioma.

Wordpress contact form 7 3

 

Le damos un nombre, y debajo definimos los campos. Pueden ser escritos siguiendo el patrón o utilizar el generador (Generate Tag)

Wordpress contact form 7 5

Si lo deseamos, podemos modificar los mensajes de error.

Wordpress contact form 7 6

Guardamos (el botón está arriba). Cuando lo hagamos nos devolverá un código similar al siguiente.

 

[contact-form-7 id="33" title="Nombre de tu formulario"]

Si lo quieres volver a ver, debes ir a Contact Forms. Allí estarán listado todos los formularios creados.

Wordpress contact form 7 8
Ya solo nos quedará ir a la página que deseamos que se muestre, y pegar el código anterior.

Wordpress contact form 7 9

El resultado final.

Wordpress contact form 7 10