Plugin para formularios de contacto en WordPress
Hoy os quiero hablar de un plugin gratuito y muy útil. Se llama Contact Form 7. Podéis descargarlo del repositorio oficial de WordPress pulsando en este enlace: Descargar Plugin Contact Form 7.
Este Plugin aunque gratuito, es muy versátil y ofrece una gran cantidad de posibilidades. A pare de las funciones más básicas, os dejo también una serie de trucos que os serán de gran ayuda. Es una de las herramientas fundamentales que ya recomendé en un artículo anterior sobre los mejores plugins para WordPress.
Antes que nada, aclarar que este plugin os servirá para crear los típicos formularios de contacto que vemos en cualquier web. Así que puede ser útil tanto para pequeños blogs que no quieren dejar en su página de contacto un teléfono o un email por miedo al spam. Como para empresas importantes que quieren ofrecer una forma de contacto más avanzada o comercializar algunos productos. Por ejemplo si vendo varios productos o servicios, puedo crear en la página de producto un formulario distinto e independiente.
Cómo se configura Contact Form 7
Sin entrar en la instalación, la cual es muy sencilla y se hace como cualquier otro plugin desde la herramienta «Plugins» de WordPress, vamos a entrar de lleno en su configuración. Una vez instalado, se nos crea un acceso directo en nuestra barra de trabajo o dashboard.
Desde allí sólo tendremos que pulsar en «Add New» para crear nuestro primer formulario.
Lo primero que nos pide es que seleccionemos el idioma. Por ejemplo, español. Esto nos va a permitir que todos los textos y cuadros de diálogo predefinidos de nuestro formulario aparezcan en ese idioma.
Después sólo tendremos que elegir un nombre para nuestro formulario. Lo cual es muy útil si tenemos una web con varios formularios.
Por ejemplo lo llamaremos «Petición Información Cursos»
Por defecto, el formulario se nos genera automáticamente con los siguientes campos a relllenar:
- Nombre
- Asunto de la consulta
- Mensaje
- Botón «enviar»
¿Cómo añadir más campos a mi formulario?
Si queremos añadir más campos como teléfono, dirección postal, etc. Sólo tenemos que usar el menú de la derecha «Generate Tag» y pulsar en la opción que más encaje con lo que buscamos. Por ejemplo, si quiero que la persona que rellena el formulario rellene su teléfono, pulso en «Telephone Number».
En cada uno de los nuevos campos, me aparecen un menú para personalizarlo. Por ejemplo, para elegir si ese campo quiero que sea obligatorio. Cuando terminemos de definir ese campo, se nos genera un código que tendremos que llevar a la zona de la izquierda en la que previsualizamos la estructura del formulario.
Notificación a mi email cuando alguien rellena el formulario
El plugin permite que indiques la cuenta de email dónde quieres que se te notifique cada vez que alguien rellena uno de tus formularios. Puedes diseñar la estructura y la información que te ofrecerá ese email a tu gusto. Por ejemplo, puedes poner un «Subject» o asunto, para que el email recibido se llame «¡Nuevo formulario rellenado!».
Para organizar la información que quieres que te proporcione dicho email sólo tienes que copiar y pegar el código de cada campo. Por ejemplo:
Con esta opción también podríamos crear una caja desplegable para poner opciones, si por ejemplo el visitante tiene que elegir entre varios servicios a los que pedir información. O debe elegir entre varias ciudades, etc.
Mensajes preestablecidos
El plugin contempla varias posibilidades, por ejemplo: que se rellene correctamente el formulario, que surja un error en la web, que quede un campo sin rellenar, etc.
Para todos esos mensajes, nos brinda una serie de mensajes preestablecidos en español (si es que al principio escogimos como idioma español) que están realmente bien y que no hace falta ni cambiar.
Cómo incluir la casilla de política de privacidad
Para añadir opciones más complicadas que escapan a los parámetros por defecto habrá que usar algo de código Html.
Por ejemplo si quieres añadir que la gente tenga que hacer click en tu Política de Privacidad de forma obligatoria, ya que al fin y al cabo estás recopilando datos. Debes añadir este texto en la parte izquierda de tu formulario (en la previsualización de tu estructura).
<input id=»idPolitica» type=»checkbox» name=»idPolitica» /> He leído y estoy de acuerdo con la <a href=»http://www.miweb.com/politica-de-privacidad/» target=»_blank»>Política de Privacidad.</a>
Como hacer que el formulario acabe en una página de gracias
Por defecto, una vez que alguien rellena tu formulario aparece un mensajito en color verde, por lo que permanecemos en la misma página. Si quieres que una vez relleno el formulario, la persona vaya hacia una página de «Agradecimiento» en la que se le da las gracias a esa persona y se le da más información debes usar el cuadro de texto que ofrece el plugin, ubicado abajo del todo del cuadro de mando, llamado Additional Settings.
Esta opción es muy valiosa, si por ejemplo quieres insertar una etiqueta o una cookie en esa página de «Agradecimiento» y conectarla con tu Google Analytics, Google Adwords, Campañas de ReMarketing, etc. O si simplemente quieres analizar las visitas de esa página de Agradecimiento (a la que sólo se puede acceder rellenando el formulario) y realizar un control o tracking.
Así pues, primero debes crear una Nueva página en WordPress que se llame por ejemplo «Agradecimiento» y poner toda la información que quieras: La URL de esa página sería algo como esto:
www.miweb.com/gracias-por-su-compra
Y finalmente el código que habrá que poner será:
on_sent_ok: «location.replace(‘http://www.miweb.com/agradecimiento);»
Como ves el Plugin es muy completo y te permite crear cualquier cosa. Si tienes cualquier pregunta concreta sobre el plugin no dudes en dejarnos un comentario.