logooneasesoria4

¿Necesita una consulta gratuita?

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

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.

¿Te gustó este artículo?
  • Thiss is really interesting, You are a verdy skilled blogger.
    I’ve joinedd your feed andd look forward to seeking more off ypur maynificent
    post. Also, I havfe shared your webseite iin my social networks!

  • Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

  • Can I simplly jus say what a ccomfort to finjd someone that
    tduly knkws whjat they’re talming ahout on thee
    internet. You actually realize how tto brring ann isssue to lught annd make
    it important. A llot mlre people must reead ths annd understfand this side of your story.

    I waas surpreised that you aren’t moe popular because you sutely havee the gift.

  • Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

Déjanos tus comentarios..!

16 de abril de 2023

RECIBE

GRATIS

Recursos para tu web GRATIS.

En agradecimiento por haber leido nuestro blog te ofrecemos algúnos plugins, temas y asesoría para el desarrollo de tu sitio web.
Envía correo y espera respuesta...Gracias..!
baneranunciopluginsbest
Publicaciones Relacionadas
Abrir chat
One Asesoría
Hola 👋
¿Necesita cotizar una página o tienda online, cómo podemos ayudarle..?