Main menu

Rellenar automáticamente los campos de Contact Form 7

Esta semana uno de nuestros lectores nos escribió por correo electrónico preguntándonos cómo se podría rellenar automáticamente los campos de un formulario creado con Contact Form 7 mediante una url con variables. Aquí tenéis una respuesta ampliada.

Pongamos un ejemplo. Imagínate que uno de nuestros campos del formulario es «Ciudad» y queremos que éste se rellene automáticamente con la palabra «Barcelona» cuando le pasamos la variable correspondiente a la url, por ejemplo:

http://endeos.com/contacto/?ciudad=Barcelona

Este comportamiento lo conseguiremos con el plugin Contact Form 7 Dynamic Text Extension.

Cómo funciona el plugin Contact Form 7 Dynamic Text Extension

Este plugin añade dos etiquetas nuevas a Contact Form 7 las cuales permiten crear campos que se rellenan automáticamente.

Después de su instalación accede a Contacto > Formularios de contacto y crea uno nuevo o edita uno existente. Verás las dos etiquetas nuevas llamadas «dynamic text» y «dynamic hidden».

Etiquetas CF7 Dynamic Text extension

 

Clica sobre la primera de ellas dynamic text.

En la ventana modal que aparece es necesario escribir en el campo Dynamic value el siguiente shortcode: CF7_GET key=’ciudad’.

Shortcode dynamic value

 

Presiona sobre Insertar para añadirlo al formulario, guarda y mira el resultado con la url sin variables, por ejemplo:

http://www.endeos.com/contacto/

Rellenar automáticamente los campos de Contact Form 7

 

Ahora haz lo mismo pero añadiendo una variabla al final, por ejemplo:

http://www.endeos.com/contacto/?ciudad=Barcelona

Rellenar automáticamente los campos de CF7

 

En caso de que necesites más campos de este tipo, tan solo tienes que ir añadiendo etiquetas. Por ejemplo, si queremos también el campo «Empresa», la configuración quedaría de la siguiente manera.

CF7 auto populate form fields

 

En este caso, la url debería concatenar las variables, por ejemplo:

http://www.endeos.com/contacto/?ciudad=Barcelona&empresa=Endeos

Variables concatenadas campos formulario

Campos ocultos en los formularios de Contact Form 7

Otra de las ventajas de usar el plugin Contact Form 7 Dynamic Text Extension es que nos permite añadir campos ocultos al formulario. Estos campos se rellenan automáticamente, no hace falta que los vea el usuario, pero sí son muy útiles para el receptor. Algunos interesantes son:

  • CF7_URL: muestra la url completa desde la que se rellena el formulario. Útil si tienes varios formularios y quieres saber desde cuál te escriben (de esto ya hablamos cómo hacerlo en Joomla con Breezingforms y ChronoForms)

  • CF7_get_post_var key=’slug’: mostrará tan solo el slug del artículo donde se encuentra el formulario.

  • CF7_get_post_var key=’title’: mostrará el título del artículo donde está el formulario rellenado.

  • CF7_get_post_var key=’post_date’: devuelve la fecha en la que se publicó el artículo

 

Los puedes ir añadiendo clicando sobre la etiqueta dynamic hidden y te quedarán de la siguiente manera:

Contact Form 7 campos ocultos

 

Recibir los campos rellenados automáticamente en el correo electrónico

Todos estos campos automáticos que hemos creado en Contact Form 7 podemos recibirlos por correo electrónico, para ello iremos a la pestaña Correo electrónico y en el Cuerpo del mensaje añadiremos sus campos correspondientes:

Recibir mail campos automaticos

¿Te ha parecido interesante esta manera de rellenar automáticamente los campos de un formulario creado con Contact Form 7? Entonces seguro que te gustan estos otros trucos.

 

Comparte en redes sociales
factory_shortcodes_assets:
a:0:{}

Al usar este sitio acepta el uso de cookies para análisis y contenido personalizado. Leer más

ACEPTAR
Aviso de cookies