Oferta SiteGround Black Friday

Cómo añadir un listado de países, regiones, provincias y ciudades en Contact Form 7

mapa madera españa

Si utilizas el plugin WordPress Contact Form 7 para crear tus formularios, en algún momento de la vida de tu web vas a necesitar añadir a algún formulario y desplegable de países, regiones, provincias, ciudades o una combinación de ambos elementos.

En esta guía rápida vamos a ver las distintas posibilidades que tenemos para crear este tipo de elementos que, por defecto, no vienen incluidos en el plugin Contact Form 7.

Añadir desplegable de países, regiones, provincias y ciudades manualmente

La primera opción, que nunca debes descartar, es añadir el listado de países, regiones o ciudades manualmente, utilizando el campo de menú desplegable incluido con el plugin Contact Form 7.

campo menu desplegable cf7

A continuación, en la ventana emergente para configurarlo, rellena los campos según tu necesidad:

configurar desplegable paises cf7

Algunos detalles a tener en cuenta:

  • Haz que sea obligatorio el campo si así fuera tu necesidad (select*)
  • Elige un nombre descriptivo, no dejes el que salga por defecto al abrirse la ventana emergente (p.ej.: desplegable_paises)
  • En las opciones crea tu lista de países, regiones, provincias, ciudades, etc. poniendo uno por línea.
  • Siempre es recomendables mostrar un elemento en blanco como primera opción, para que el usuario se vea obligado a elegir una opción manualmente (include_blank)

Al insertar el desplegable en tu formulario, siguiendo el ejemplo anterior, el código resultante quedará así:

[select* desplegable_paises include_blank "España" "Portugal" "Francia" "Italia"]

El formulario, una vez insertado en una página o entrada se verá así:

Por supuesto, el listado anterior es incompleto, y deberás adaptarlo a tu necesidad. Un ejemplo de campo de Contact Form 7 con todas las provincias de España sería este:

[select* desplegable_provincias include_blank
"Álava"
"Albacete"
"Alicante"
"Almería"
"Asturias"
"Avila"
"Badajoz"
"Islas Baleares"
"Barcelona"
"Burgos"
"Cáceres"
"Cádiz"
"Castellón"
"Ciudad Real"
"Córdoba"
"La Coruña"
"Cuenca"
"Gerona"
"Granada"
"Guadalajara"
"Guipúzcoa"
"Huelva"
"Huesca"
"Jaen"
"León"
"Lérida"
"La Rioja"
"Lugo"
"Madrid"
"Málaga"
"Murcia"
"Navarra"
"Orense"
"Palencia"
"Las Palmas"
"Pontevedra"
"Salamanca"
"S.C.Tenerife"
"Cantabria"
"Segovia"
"Sevilla"
"Soria"
"Tarragona"
"Teruel"
"Toledo"
"Valencia"
"Valladolid"
"Vizcaya"
"Zamora"
"Zaragoza"
"Ciudad autónoma de Ceuta"
"Ciudad autónoma de Melilla"]

Que se vería así de práctico…

formulario cf7 con desplegable provincias españa

Añadir desplegable de países, regiones, provincias y ciudades con plugins

Quizás no sepas que Contact Form 7 debe en parte su gran popularidad (es el plugin con más instalaciones activas de WordPress) es debido a que se pueden ampliar sus funcionalidades con otros plugins, lo que lo convierte en una solución para formularios de contacto prácticamente infinita.

Pues bien, también hay plugins que facilitan la tarea concreta de crear listados desplegables de países, regiones, provincias, etc.

Listo

Con este nombre tan curioso se presenta una especie de plugin oficial para Contact Form 7 cuya funcionalidad es facilitar incluir este tipo de tediosos listados desplegables, ofreciendo una serie de listas predefinidas de países, monedas, y provincias de muchos países (creciente).

Una vez instalado y activado el plugin Listo, y lógicamente también Contact Form 7, cuando insertes un campo de menú desplegable, además del resto de ajustes opcionales, cuando esté generado el código del campo, añade data:countries, como en el siguiente código de ejemplo:

[select* desplegable_paises include_blank data:countries]

Una vez publicados los campos se verá así:

formulario cf7 con desplegable paises listo

Por supuesto, no tiene solo este listado, estos datos, puedes añadir otro montón de ellos, como data:currencies para las monedas mundiales, y luego los listados de provincias, etc., por país, como por ejemplo data:pe_subdivisions, que mostraría la lista de provincias de Perú. Tienes la lista de desplegables disponibles en la web oficial del plugin en GitHub.

Country State City Dropdown CF7

Este plugin es aún más completo, pues no solo incluya ya los listados de países, provincias y ciudades, también hace que sean condicionales.

O sea, que si añades, por ejemplo, el desplegable de provincias y ciudades, al seleccionar la provincia, luego en la lista de ciudades solo te saldrán las de esa provincia, lo mismo si antes seleccionas el país, y esto es muy muy práctico, y fácil de entender y utilizar para los usuarios.

Puedes añadir los listados desplegables independientemente, pero en el caso de que incluyas varios se comportarán de este modo, condicionalmente.

Usarlo es muy fácil porque nada más instalar el plugin, en el editor de formularios de Contact Form 7 vas a encontrar nuevos campos:

  • country drop-down – Desplegable de países
  • state drop-down – Desplegable de provincias
  • city drop-down – Desplegable de ciudades

Se rellenan como cualquier otro campo de Contact Form 7.

campo desplegable pais plugin

Así, como te comentaba antes, si añades los 3 posibles campos en orden descendente a tu formulario, al seleccionar el país se actualiza la lista de provincias, y así sucesivamente, ofreciéndote en el siguiente listado solo los pertenecientes a tu selección previa.

listados paises provincias ciudades condicionales cf7

Como ves muy completo, y además práctico y fácil de usar, no digamos de alimentar, pues ya incluye todo, lo que sería una tarea inmensa si tuvieses que hacerlo manualmente. Y lo mejor, que sea condicional.

¡Pues nada más!

Que yo haya encontrado no hay nada más, o mejor, para hacer listados de países, regiones, provincias y ciudades con Contact Form 7, tú decides qué método prefieres.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 8

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

3 comentarios en “Cómo añadir un listado de países, regiones, provincias y ciudades en Contact Form 7”

  1. Vaya currazo te has pegado para no tener comentarios.
    Hace tiempo que no uso Divi, pero el tema de optimización es muy interesante porque se aplicar a otros constructores muchas de las opciones que comentas, además de enseñar a usar un poco más allá WP Rocket que muchos no le sacan partido.
    Solo falta preguntar, para cuando Elementor y Bricks?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio