Preseleccionar el valor de un campo select en Contact Form 7 mandándolo por una url.

Hoy vamos a explicar un truco con CF7 de WordPress que no está en su documentación. Imaginaos que tenemos un formulario en WordPress con un campo select (un desplegable con opciones).Lo más normal es que el usuario elija la opción que quiere.
Pero, ¿y si quieres que dicho desplazamiento se preseleccione dependiendo de la página de la que venga?

Por ejemplo, el desplegable puede ser un selector de departamentos, como el que os mostramos el otro día. Y queremos que, dependiendo de la página de la que venga, esta opción ya esté seleccionada con el departamento adecuado.

La solución es sencilla pero, como decimos, no está documentada en ningún sitio y hemos tenido que hacer un poco de prueba y error. Hay que hacer dos cosas:

Cambiar el código del select en el formulario para incluir el que, por defecto, le llegue el valor por get.
Así que campo que en el artículo antes mencionado era:

[select* Departamentos “Opción 1|correo1@dominio1.es” “Opción 2|correo2@dominio2.es” “Opción 3|correo3@dominio3.es”]

Pasará a ser:

[select* Departamentos default:get “Opción 1|correo1@dominio1.es” “Opción 2|correo2@dominio2.es” “Opción 3|correo3@dominio3.es”]
Ahora tenemos que poner el enlace que ponemos y añadirle el valor del campo que queremos añadir.
Por ejemplo, si suponemos que hemos puesto el formulario en la página de contacto, desde otra podemos preseleccionar la Opción 1 con:

https://tudominio.es/contacto/?Departamentos=Opci%C3%B3n%201

Como veis ponemos el valor del campo que queremos, pero en formato url. Lo más sencillo es que uséis herramientas como esta para convertir del texto a url.

Os recomendamos los siguientes productos relacionados con la informática: