Lista desplegable de países

Cómo añadir una lista desplegable de países a su formulario (en 1 clic)

Añadir una lista desplegable de países a tu formulario es increíblemente fácil. La única pega es que necesitas utilizar el plugin adecuado para que sea lo más sencillo posible.

Aunque existen varios plugins para WordPress que permiten crear una lista desplegable de países, la verdad es que no he encontrado una solución tan sencilla como la que voy a compartir en este tutorial.

¿Y lo mejor? Es gratis.

Crear formulario con desplegable de países 🌎

Cómo añadir una lista desplegable de países a los formularios de WordPress

Empecemos por configurar el plugin que necesitamos.

1. Instale el plugin WPForms

La forma más rápida de añadir una lista desplegable de países en un formulario es utilizando el plugin WPForms. Esta función está disponible en todos los niveles de licencia de WPForms (incluido el gratuito), por lo que tiene muchas opciones.

Para este tutorial, voy a utilizar WPForms Pro, que también desbloquea un montón de características útiles, incluyendo temas de formularios diseñados profesionalmente.

Página de inicio de WPForms

Si necesita ayuda para instalar el plugin, lea esta sencilla guía sobre la instalación de WPForms.

Después de instalar WPForms en su sitio, lo primero que necesita para crear un formulario en el que desea agregar la lista desplegable.

Para crear un formulario, simplemente haga clic en WPForms " Añadir nuevo en la barra de menú lateral dentro de su panel de WordPress.

wpforms añadir nuevo formulario

Esto lo llevará a la pantalla de configuración de formularios WPForms. Aquí, puede empezar por dar un nombre a su formulario y seleccionar una plantilla.

Para simplificar las cosas, voy a utilizar la plantilla Simple Contact Form, pero puedes elegir cualquiera de las más de 2.000 plantillas de formularios de WordPress disponibles para usuarios Pro.

Utilizar plantilla

En este punto, se encontrará dentro del constructor de formularios con la plantilla seleccionada cargada y lista para ser desplegada (o personalizada).

Dado que nuestro objetivo es crear una lista desplegable de países para este formulario, tendremos que hacer algunas personalizaciones rápidas como mostraré en el siguiente paso.

2. Añadir una lista desplegable de países

WPForms facilita la creación de una lista completa de todos los países del mundo gracias a su capacidad para manejar datos en bloque.

Lista desplegable de países

Vamos a desglosar este proceso para que puedas seguirlo fácilmente.

En primer lugar, tienes que añadir el campo desplegable a tu formulario. Simplemente arrastre el campo desde el panel de la izquierda y suéltelo en el área de la derecha para colocar el campo dentro de su formulario.

Campo desplegable

Una vez que haya añadido el campo desplegable, haga clic en él. Se abrirán las Opciones de campo relacionadas con él en el panel de la izquierda. Debajo del cuadro Etiqueta, busque el enlace Añadir en bloque y haga clic en él.

Añadir a granel

Debajo, haga clic en Mostrar preajustes para abrir una lista de todos los preajustes de campos desplegables en WPForms, diseñados para hacerle la vida más fácil.

Mostrar preajustes

Siga adelante y haga clic en Países preestablecidos para cargar la lista completa de países como las opciones para su campo desplegable.

País predefinido

Por último, haga clic en Añadir nuevas opciones para confirmar la lista de países.

Añadir nuevas opciones

Estupendo. Ya tenemos casi lista la lista desplegable de países. Hay 3 pequeños ajustes más que hacer ahora.

En primer lugar, vamos a deshacernos de las 3 opciones por defecto llamadas Primera opción, Segunda opción y Tercera opción. Una a una, haz clic en el icono con el signo menos que aparece junto a ellas para eliminarlas.

Eliminar opciones

Si lo desea, puede utilizar el mismo método para eliminar países concretos de la lista.

A continuación, debe cambiar la etiqueta del campo Desplegable. Suprimamos Dropdown y cambiémoslo por Please select your country.

Etiqueta del campo desplegable

A continuación, haz clic en la pestaña Avanzado y elige aquí el estilo Moderno en lugar del Clásico.

Estilo de campo moderno para el desplegable

El estilo Moderno le permite buscar un país en la lista desplegable, lo que resulta muy útil cuando tiene una larga lista de opciones.

Si eso es todo lo que necesitas, estás listo para publicar tu formulario. Puedes saltar al paso 4 para saber cómo hacerlo.

Si quieres personalizar la lista, sigue leyendo.

3. Personalice los nombres de los países en su menú desplegable

Ahora que ha añadido todos los países a su menú desplegable, es posible que desee personalizar la forma en que están configurados.

Hay dos cosas que puede hacer para modificar la lista:

En primer lugar, cambiemos el formato del nombre de un país. Por ejemplo, podemos cambiar "Reino Unido de Gran Bretaña e Irlanda del Norte" por "Reino Unido".

Para ello, edita la opción adecuada de la lista:

Cambiar el nombre del país

En segundo lugar, no olvides que puedes arrastrar las opciones de respuesta hacia arriba y hacia abajo. Eso significa que puedes poner las selecciones más comunes al principio de la lista para que sean más fáciles de encontrar.

Para mover cualquier elección de la lista, basta con mantener pulsado el icono con 3 líneas y arrastrarlo. Como esperamos que la mayoría de nuestros visitantes estén en Norteamérica, hemos movido Canadá y Estados Unidos a la parte superior.

Genial. Ahora tu desplegable de países tendrá exactamente el aspecto que deseas. Todo lo que tenemos que hacer ahora es publicarlo.

Haz clic en Guardar antes de continuar.

4. Publique su formulario

Ahora que tu desplegable está configurado, es hora de publicar tu formulario. Es muy fácil crear una nueva página directamente desde el constructor de formularios.

Para utilizar el asistente de incrustación, primero haga clic en Incrustar en la parte superior del generador de formularios.

Incrustar formulario de WordPress

El asistente de incrustación le permite publicar su formulario dentro de una nueva página o incrustar el formulario en una página existente. Hagamos clic en Crear nueva página.

Crear una nueva página

A continuación, introduzca un nombre para su página y haga clic en Vamos.

Vámonos.

En este punto, estás listo para publicar tu formulario. Antes de hacerlo, sin embargo, hay un truco fascinante que quiero compartir.

Por defecto, todos los formularios de WordPress son simples, con fondo blanco y estilos predeterminados. Pero puedes hacer que tu formulario destaque añadiendo un tema ya preparado.

En el editor de bloques de WordPress, haga clic en el formulario incrustado para acceder a la configuración adicional.

En el panel derecho, busque la sección Temas y pruebe las diferentes opciones de temas que vienen precargadas con WPForms Pro.

Seleccione un tema de formulario

También puedes cambiar manualmente diferentes elementos del estilo de tu formulario con los sencillos controles que aparecen debajo de la sección de temas.

Cuando esté listo, pulse Publicar.

Publicar formulario

Una vez publicado, siéntase libre de seguir adelante y comprobar su formulario con la lista desplegable de países.

Si ha seleccionado el estilo Moderno para el desplegable, sus visitantes podrán buscar un país simplemente escribiendo el nombre.

Estilo desplegable moderno

En el caso de las listas muy largas, como los desplegables de países, estas funciones adicionales son realmente útiles y facilitan mucho el uso del desplegable de países.

Y ya está. Ahora tienes un desplegable de país en tu formulario de WordPress listo para que lo usen tus visitantes.

Crear formulario con desplegable de países 🌎

A continuación, obtenga automáticamente la ubicación de sus visitantes

¿Sabías que WPForms puede mostrar automáticamente la ubicación de tus visitantes en un mapa?

¿Listo para crear tu formulario? Empieza hoy mismo con el plugin más sencillo para crear formularios en WordPress. WPForms Pro incluye todos los campos de lujo y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Osama Tahir

Osama es un escritor senior en WPForms. Se especializa en desmontar plugins de WordPress para probarlos y compartir sus ideas con el mundo.Más información

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.

26 comments on "Cómo añadir una lista desplegable de países a tu formulario (en 1 clic)"

    1. Hola,

      Por favor, vaya al constructor de formularios > Añada cualquier campo de opciones (desplegable, opción múltiple y casilla de verificación) > En Opciones de campo, verá "Añadir en bloque". Por favor, vea el screencast de referencia.

      Espero que te sirva de ayuda 🙂 .

  1. Hola,
    ¿Cómo agregar código de lógica condicional en la plantilla de correo electrónico personalizado.
    por ejemplo, tengo una categoría archivada que tiene 5 subcategorías lista cómo agregarlos en la plantilla de correo electrónico.
    Saludos,

    1. Hola Ankit Siento no haber entendido bien tu pregunta.

      Parece que estás buscando habilitar la barra de búsqueda para tus campos desplegables, lo que se hace cambiando el estilo de tu campo desplegable a Modern.

      Encontrará más información al respecto en este artículo.

      Espero que esto te ayude a aclararte 🙂 Si tienes más preguntas al respecto, ponte en contacto con nosotros si tienes una suscripción activa. Si no la tienes, no dudes en dejarnos alguna pregunta en nuestros foros de soporte.

      1. Hola Henry Te pregunto sobre el campo desplegable. El campo de búsqueda aparece después de añadir un mínimo de 8 opciones en la lista desplegable, así que mi pregunta es cómo aparecerá si tenemos menos de 8 opciones. Para mayor aclaración a continuación he adjuntar una captura de pantalla de wpforms.

        https://prnt.sc/1ubkp8b

      2. Hola Ankit. Gracias por aclarar lo que quieres hacer. Lamentablemente no tenemos ninguna opción incluida para forzar la barra de búsqueda del campo desplegable de estilo moderno cuando hay menos de 8 opciones disponibles.

        Debería ser posible con código personalizado, pero le pido disculpas porque no podemos ofrecer soporte para este grado de personalización.

        En caso de que desee buscar opciones de desarrollo personalizadas, le recomendamos encarecidamente que utilice Codeable. Codeable selecciona a todos los desarrolladores por ti para asegurarse de que están altamente cualificados y son comunicativos, y también te ayuda a guiar todo el proceso de conexión y comunicación con el desarrollador más adecuado.

        Aquí está nuestro tutorial sobre el uso de Codeable, que proporciona más detalles sobre cómo funciona este proceso.

        O si desea un equipo al que pueda seguir acudiendo (a largo plazo) para obtener ayuda de desarrollo personalizado, también podría considerar echar un vistazo a WPBuffs.

        Le pido disculpas por no poder darle la solución que busca, pero espero que esta información le haya sido útil.

        Si tienes más preguntas al respecto, ponte en contacto con nosotros si tienes una suscripción activa. Si no la tienes, no dudes en dejarnos alguna pregunta en nuestros foros de soporte.

  2. ¿puede tener un desplegable con la lista de países del mundo, geolocalización para seleccionar automáticamente la opción correcta en el desplegable Y si ese país tiene estados ext mostrando los estados para ese país?

    Por ejemplo, si estoy en EE.UU., la lista desplegable rellenará automáticamente EE.UU. y mostrará todos los estados de EE.UU. entre los que se puede elegir. ¿Y si estoy en Sudáfrica, todas las provincias de Sudáfrica?

    1. Hola Liza,

      En la actualidad, no disponemos de una función nativa para detectar la ubicación y mostrar el esquema de direcciones internacionales o de EE.UU. correspondiente. Sin embargo, estoy de acuerdo en que sería muy útil. He tomado nota de la solicitud y la tendremos en cuenta a la hora de planificar nuestra hoja de ruta para el futuro.

      Gracias.

      1. Hola,

        Quería saber si esto se ha integrado en el increíble wpforms porque ahora, lo estoy buscando. Realmente lo necesito.

        Gracias

      2. Hey Jude,

        Esta solicitud aún está en proceso de revisión. He añadido su voto para considerar esta función como una mejora.

        Gracias.

    1. Hola Obed, sentimos el problema. Cuando ocurre esto, es posible que los estilos del tema se hayan anulado con los campos desplegables. Esto podría solucionarse fácilmente utilizando CSS personalizado. Sin embargo, necesitaríamos algunos detalles adicionales al respecto.

      Mientras tanto, podrías intentar cambiar el estilo del formulario a Base y si ya estás usando Base, intenta cambiar a Base y el estilo del formulario. Aquí es una gran guía que podría ayudarle en el mismo.

      En caso de que no funcione, necesitaremos algunos detalles adicionales para que nos asesoren al respecto.

      Si tiene una licencia de WPForms, tiene acceso a nuestro soporte por correo electrónico, así que envíe un ticket de soporte. De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.

      Gracias.

    1. Hola, Derek. Lamento los problemas que has tenido. He tomado nota de tus comentarios.

      Mientras tanto, en caso de que ayude, puede añadir manualmente dichos países a la lista manualmente después de la Adición masiva de los países.

      Gracias, ¡y que te vaya bien!

  3. Cuando selecciono una opción en el desplegable, esa etiqueta de selección se muestra debajo del desplegable y también en el desplegable.

    ¿Puede suprimirse la visualización de la etiqueta debajo del desplegable? Parece innecesario y no es el comportamiento habitual de los desplegables.

  4. Hola! ¿será posible añadir una lista de países pero desde una lista externa?
    No opciones manuales...
    Porque si tenemos más formularios con listas de países y quisieramos editar la lista, automáticamente se mostraría el cambio en todos los formularios.

    Gracias.

    1. Hola a todos,

      Actualmente no disponemos de una función integrada para lograr lo que ha mencionado. Podemos considerar esta función para futuras mejoras. Sin embargo, actualmente la única opción sería añadir las opciones manualmente.

    1. Hola John,

      Actualmente, no disponemos de un campo específico de país que pueda rellenarse previamente en función de la ubicación detectada mediante el complemento de geolocalización. Me he adelantado y he añadido su voto para considerar esto como una solicitud de función.

      Gracias.

    1. Hola Christian - Actualmente no disponemos de la función de añadir iconos al campo desplegable cuando se utiliza el preajuste Países. Estoy de acuerdo en que sería una gran función y la añadiré a nuestro rastreador de peticiones de funciones. Dicho esto, si me estoy perdiendo algo obvio aquí, por favor no dude en ponerse en contacto con nosotros mediante el envío de un ticket de soporte.

  5. Hola, mi buscador de países desplegable está atascado en la vista clásica, aunque he seleccionado la moderna. La primera ubicación parece correcta, pero más abajo cambia la configuración.

    Supongo que se trata de un conflicto de temas.
    ¿Tiene alguna idea de cómo hacer que los campos de búsqueda?

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de privacidad y las Condiciones del servicio de Cloudflare.