Resumen de IA
Agregar una lista desplegable de países a tu formulario es increíblemente fácil. El único inconveniente es que necesitas usar el plugin correcto para que esto sea lo más sencillo posible.
Los selectores de países son esenciales para la información de envío, los datos de encuestas y los registros de usuarios. Hacen que tus formularios se vean pulidos y mejoran la experiencia del usuario.
Si bien existen varios plugins de WordPress que te permiten crear una lista desplegable de países, sinceramente no he encontrado una solución tan fácil como WPForms. ¿Y la mejor parte? ¡Es gratis!
En esta guía, te explicaré exactamente cómo configuré los desplegables de países en WPForms, además de compartir algunos consejos internos que la mayoría de la gente pasa por alto.
Crear formulario con desplegable de país
Cómo añadir una lista desplegable de países a tus formularios de WordPress
Algunos sitios todavía usan campos de texto largos donde la gente tiene que escribir "Estados Unidos" o "Reino Unido", lo que genera inconsistencias en los datos y fricción para el usuario.
Otros usan listas desplegables desactualizadas que carecen de países más nuevos o utilizan nombres de países antiguos. Un desplegable de país bien diseñado hace tres cosas importantes:
- Estandariza la recopilación de tus datos (no más entradas de "EE. UU." vs "Estados Unidos" vs "América").
- Mejora las tasas de finalización de formularios porque los usuarios pueden encontrar rápidamente su país.
- Muestra profesionalidad que genera confianza con tu audiencia.
Aquí es donde WPForms resulta útil. Nuestro desplegable de países se mantiene actualizado automáticamente, carga rápido y funciona perfectamente en dispositivos móviles. Déjame mostrarte exactamente cómo configurarlo.
Paso 1: Instalar 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 tienes tus opciones abiertas.
Viene con ajustes preestablecidos de países integrados que cargan los más de 195 países con un solo clic, además de más de 2100 plantillas de formularios para diferentes casos de uso.
Para este tutorial, usaré WPForms Pro, que también desbloquea un montón de funciones útiles, incluidos temas de formularios diseñados profesionalmente.
Si necesitas ayuda para instalar el plugin, lee esta guía sencilla sobre cómo instalar WPForms. Después de instalar WPForms en tu sitio, primero debes crear un formulario donde quieras añadir la lista desplegable.
Para crear un formulario, simplemente haz clic en WPForms » Añadir nuevo desde la barra de menú lateral dentro de tu panel de WordPress. Esto te llevará a la pantalla de configuración del formulario de WPForms.
Aquí, puedes empezar por dar un nombre a tu formulario y seleccionar una plantilla. Para simplificar, me limitaré a la plantilla Formulario de contacto simple, pero eres libre de elegir cualquiera de las más de 2100 plantillas de formularios de WordPress disponibles para usuarios Pro.
En este punto, te encontrarás dentro del constructor de formularios con tu plantilla seleccionada cargada y lista para ser desplegada (o personalizada aún más).
Dado que nuestro objetivo es crear una lista desplegable de países para este formulario, necesitaremos hacer algunas personalizaciones rápidas como te mostraré en el siguiente paso.
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.
Primero, añade el campo Desplegable a tu formulario. Arrastra el campo desde el panel izquierdo y suéltalo en tu formulario a la derecha.
Una vez que hayas agregado el campo Desplegable, haz clic en él. Esto abrirá las Opciones de campo en el panel izquierdo. Debajo del cuadro Etiqueta, busca el enlace Agregar masivamente y haz clic en él.
Debajo, haz clic en Mostrar preajustes para abrir una lista de todos los preajustes de campo Desplegable en WPForms, diseñados para hacerte la vida más fácil.
Haz clic en el preajuste Países para cargar la lista completa de países como opciones para tu campo Desplegable.
Y finalmente, haz clic en Agregar nuevas opciones para confirmar la lista de países.
¡Genial! Tenemos una lista desplegable de países casi lista. Hay 3 pequeños ajustes más que hacer ahora.
Primero, eliminemos las 3 opciones predeterminadas llamadas Primera opción, Segunda opción y Tercera opción. Una por una, haz clic en el icono de menos junto a esos elementos para eliminarlos.
Puedes usar el mismo método para eliminar países específicos de la lista si lo deseas.
A continuación, deberías cambiar la etiqueta del campo Desplegable. Eliminemos Desplegable y cambiémosla a Por favor, selecciona tu país.
A continuación, haz clic en la pestaña Avanzado y elige el estilo Moderno en lugar del estilo Clásico aquí.
El estilo Moderno te permite buscar un país en la lista desplegable, lo cual es muy útil cuando tienes una lista larga de opciones.
Si también necesitas permitir que los usuarios seleccionen varios países de un solo desplegable, consulta nuestra guía sobre cómo crear un desplegable de selección múltiple.
Si eso es todo lo que necesitas, estás listo para publicar tu formulario. Puedes saltar al Paso 4 para descubrir cómo. Si quieres personalizar la lista, sigue leyendo.
Paso 3: Personalizar los nombres de los países en tu desplegable
Ahora que has agregado el desplegable de países a tu formulario, hagamos que funcione mejor para tu audiencia específica. WPForms te da control total sobre qué países aparecen y cómo se organizan.
Haz clic en tu campo desplegable de países para abrir las opciones de campo a la izquierda. Verás una lista de todos los países en la sección Opciones. Aquí es donde ocurre la verdadera magia de la personalización.
Edición de nombres de países
Primero, es posible que desees limpiar algunos de los nombres de países más largos para una mejor experiencia de usuario. Por ejemplo, la lista predeterminada muestra “Reino Unido de Gran Bretaña e Irlanda del Norte”.
Si bien eso es técnicamente correcto pero innecesariamente largo. Simplemente haz clic en esa opción y edítala para que sea simplemente “Reino Unido” o incluso “RU” si lo prefieres.
Hago esto regularmente con países como “Estados Unidos de América” (cambiar a “Estados Unidos”), “Federación de Rusia” (cambiar a “Rusia”) o “República Democrática del Congo” (cambiar a “Congo (RDC)”.
Reordenar países por prioridad
Segundo, no olvides que puedes arrastrar las opciones de respuesta hacia arriba y hacia abajo. Eso significa que puedes colocar las selecciones más comunes en la parte superior de la lista para que sean más fáciles de encontrar.
Para mover cualquier Opción en la lista, simplemente haz clic y mantén presionado el icono con 3 líneas y arrástralo. 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 lista desplegable de países se verá exactamente como quieres. Lo único que nos queda por hacer es publicarla. Haz clic en Guardar antes de continuar.
Paso 4: Publica tu formulario en segundos
Ahora que tu lista desplegable está configurada, es hora de publicar tu formulario. Es muy fácil crear una nueva página directamente desde el constructor de formularios. Para usar el asistente de incrustación, primero haz clic en Incrustar en la parte superior del constructor de formularios.
El asistente de incrustación te permite publicar tu formulario dentro de una nueva página o incrustar el formulario en una página existente. Hagamos clic en Crear Nueva Página.
Después de eso, introduce un nombre para tu página y haz clic en Empecemos. En este punto, estás listo para publicar tu formulario. Sin embargo, antes de hacerlo, hay un truco fascinante que quiero compartir.
Por defecto, todos los formularios en WordPress son sencillos con un fondo blanco y estilos predeterminados. Pero puedes hacer que tu formulario destaque añadiendo un tema predefinido.
En el panel derecho, busca la sección Temas y prueba las diferentes opciones de temas que vienen precargadas con WPForms Pro.
También puedes cambiar manualmente diferentes elementos del estilo de tu formulario con controles sencillos que aparecen debajo de la sección de temas. Cuando estés listo, adelante y pulsa Publicar.
Una vez publicado, siéntete libre de ir y comprobar tu formulario con la lista desplegable de países. Si seleccionaste el estilo Moderno para la lista desplegable, tus visitantes pueden simplemente buscar un país escribiendo el nombre.
Para listas muy largas como las listas desplegables de países, estas características adicionales son muy útiles y hacen que tu lista desplegable de países sea mucho más fácil de usar. ¡Y eso es todo! Ahora tienes una lista desplegable de países en tu formulario de WordPress lista para que tus visitantes la usen.
Preguntas frecuentes sobre cómo añadir una lista desplegable de países a WPForms
Aprender a añadir una lista desplegable de países a WPForms es un tema de interés popular entre nuestros lectores. Aquí tienes respuestas a algunas consultas comunes al respecto:
¿Cómo añado una lista de países en Google Forms?
Google Forms no tiene una lista desplegable de países incorporada como WPForms. Necesitarías crear manualmente una pregunta de opción múltiple y escribir tú mismo el nombre de cada país, los 195 de ellos.
Luego tendrías que mantener esta lista cada vez que cambien los países. WPForms te ahorra horas de trabajo con su lista desplegable de países automática que se mantiene actualizada sin ningún esfuerzo por tu parte.
¿Puedo usar una lista desplegable de países con Contact Form 7?
Contact Form 7 no incluye un campo de lista desplegable de países nativo. Necesitarías instalar un plugin separado o codificar manualmente la lista desplegable usando etiquetas select de HTML.
Incluso entonces, tendrías que mantener la lista de países tú mismo. WPForms incluye esta funcionalidad de serie, lo que hace que sea mucho más fácil de implementar y mantener.
¿Cómo añado códigos de país para números de teléfono a mi formulario?
WPForms ofrece un campo de Teléfono independiente que puede funcionar junto con tu lista desplegable de países. Mientras que la lista desplegable de países se encarga de la selección de la ubicación, el campo de teléfono incluye formato integrado para diferentes países.
Para configuraciones avanzadas donde la selección del país actualiza automáticamente el formato del teléfono, necesitarías WPForms Pro con lógica condicional.
¿Por qué mi lista desplegable de países no muestra todos los países?
Esto suele ocurrir cuando has eliminado accidentalmente países de la lista o si hay un conflicto de plugins. En WPForms, vuelve a tu editor de formularios, haz clic en el campo desplegable de países y revisa la sección Opciones.
Puedes volver a añadir manualmente los países que falten, o eliminar el campo y añadir una nueva lista desplegable de países para restaurar la lista completa.
¿Puedo poner ciertos países al principio de la lista desplegable?
¡Absolutamente! Esta es una de mis funciones favoritas de WPForms. En el editor de formularios, haz clic en tu campo desplegable de países y, a continuación, en la sección Opciones, arrastra y suelta los países usando el icono de tres líneas.
Siempre pongo los países más comunes para mi audiencia al principio, como mover Estados Unidos y Canadá hacia arriba si la mayoría de mis visitantes son norteamericanos.
¿Cómo elimino países que no necesito de la lista desplegable?
En tu editor de WPForms, selecciona el campo desplegable de países y busca la sección Opciones a la izquierda. Haz clic en la X roja junto a cualquier país que quieras eliminar. Esto es útil si solo atiendes a ciertas regiones o quieres mantener la lista más corta para una mejor experiencia de usuario.
¿La lista desplegable de países funciona en dispositivos móviles?
Sí, las listas desplegables de países de WPForms son totalmente adaptables a dispositivos móviles. Se adaptan automáticamente a las interfaces táctiles y funcionan perfectamente en smartphones y tablets. La lista desplegable se abre como un selector móvil nativo, lo que facilita a los usuarios desplazarse y seleccionar su país.
¿Puedo personalizar los nombres de los países en la lista desplegable?
Sí, puedes editar cualquier nombre de país en WPForms. Simplemente haz clic en el campo desplegable de países, busca el país en la sección Opciones y modifica el texto.
A menudo acorto nombres largos como “Reino Unido de Gran Bretaña e Irlanda del Norte” a simplemente “Reino Unido” para una mejor legibilidad.
A continuación, obtén la ubicación de tu visitante automáticamente
¿Sabías que WPForms puede mostrar automáticamente la ubicación de tus visitantes en un mapa? El complemento Geolocation añade autocompletado de direcciones, detección de ubicación y un campo de mapa arrastrable a cualquier formulario.
- Puedes activar la geolocalización en todos tus formularios con 1 clic. Consulta esta guía sobre cómo rastrear la ubicación de los usuarios con envíos de formularios de WordPress para configurarlo.
- También hemos recopilado una lista de los mejores plugins de geolocalización para WordPress.
Crear formulario con desplegable de país
¿Listo para crear tu formulario? Empieza hoy mismo con el plugin de creación de formularios de WordPress más fácil. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.
Si este artículo te ha sido útil, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitas de WordPress.
hola
¿por qué no veo la opción masiva?
Hola:
Por favor, navega a creador de formularios > Añade cualquier campo de opciones (campo desplegable, de opción múltiple y de casilla de verificación) > En Opciones de campo, verás “Añadir en bloque”. Por favor, consulta el vídeo de referencia.
¡Espero que esto ayude! 🙂
Hola,
Cómo añadir código de lógica condicional en la plantilla de correo electrónico personalizada.
Por ejemplo, tengo un campo de categoría que tiene una lista de 5 subcategorías, ¿cómo añadirlas a la plantilla de correo electrónico?
Saludos,
Hola Noor, para conseguir lo que has mencionado aquí, puedes configurar el ajuste de Notificaciones condicionales.
¡Espero que esto ayude! 🙂
¿Cómo puedo mostrar un cuadro de búsqueda en un desplegable si tenemos menos de ocho opciones?
¡Hola Ankit! Pido disculpas, no estoy seguro de haber entendido bien tu pregunta.
Parece que buscas habilitar la barra de búsqueda para tus campos desplegables, lo cual se hace cambiando el estilo de tu campo desplegable a Moderno.
Puedes encontrar más información sobre esto en este artículo.
Espero que esto ayude a aclarar 🙂 Si tienes alguna otra pregunta al respecto, por favor contáctanos si tienes una suscripción activa. Si no la tienes, no dudes en enviarnos tus preguntas a nuestros foros de soporte.
¡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, adjunto una captura de pantalla de wpforms.
https://prnt.sc/1ubkp8b
¡Hola Ankit! Gracias por aclarar lo que buscas. Desafortunadamente, 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, sin embargo, pido disculpas ya que no podemos ofrecer soporte para este nivel de personalización.
En caso de que desees explorar opciones de desarrollo personalizadas, recomendamos encarecidamente Codeable. Codeable revisa a todos los desarrolladores para asegurarse de que son altamente cualificados y comunicativos, y luego también ayuda a guiar todo el proceso de conexión y comunicación con un desarrollador que se ajuste mejor.
Aquí tienes nuestro tutorial sobre el uso de Codeable, que proporciona más detalles sobre cómo funciona este proceso.
O si prefieres un equipo al que puedas acudir continuamente (a largo plazo) para obtener ayuda con el desarrollo personalizado, también podrías considerar echar un vistazo a WPBuffs.
Pido disculpas por no poder ofrecerte la solución que buscas, pero espero que esta información te haya sido útil.
Si tienes alguna pregunta adicional sobre esto, por favor contáctanos si tienes una suscripción activa. Si no la tienes, no dudes en hacernos algunas preguntas en nuestros foros de soporte.
¿Puedes tener un desplegable con la lista de países del mundo, geolocalización para seleccionar automáticamente la opción correcta del desplegable Y si ese país tiene estados, mostrar los estados de ese país?
Por ejemplo, si estoy en EE. UU., la lista desplegable autocompletará EE. UU. y mostrará todos los estados de EE. UU. para elegir. ¿Y si estoy en Sudáfrica, todas las provincias de Sudáfrica?
Hola Liza,
Actualmente, no tenemos una función nativa para detectar la ubicación y mostrar el esquema de direcciones de EE. UU./Internacional correspondiente. Sin embargo, estoy de acuerdo en que sería de gran ayuda. He tomado nota de la solicitud de función y la tendremos en cuenta mientras planificamos nuestra hoja de ruta para el futuro.
¡Gracias!
Hola,
Quería saber si esto se ha integrado en el increíble wpforms, ya que ahora lo estoy buscando. Realmente lo necesito.
Gracias
Hola Jude:
Esta solicitud todavía está en proceso de revisión. He añadido tu voto para considerar esta función como una mejora.
¡Gracias!
Estoy intentando usar el desplegable de wpforms, pero el navegador está reiniciando el estilo.
Hola Obed, lamentamos las molestias. Cuando ocurre algo así, es posible que los estilos del tema se vean anulados por los campos desplegables. Esto se puede solucionar fácilmente con CSS personalizado. Sin embargo, necesitaríamos más detalles al respecto.
Mientras tanto, puedes intentar cambiar el estilo del formulario a Base y, si ya estás usando Base, intenta cambiar a Base y al estilo del formulario. Aquí tienes una excelente guía que podría ayudarte.
En caso de que no funcione, necesitaremos más detalles para que se nos asesore al respecto.
Si tienes una licencia de WPForms, tienes acceso a nuestro soporte por correo electrónico, así que por favor envía un ticket de soporte. De lo contrario, ofrecemos soporte complementario limitado en el foro de soporte de WPForms Lite WordPress.org .
Gracias.
Reino Unido, Gran Bretaña, etc. no son países. ¿Por qué muy pocas listas desplegables incluyen Gales, Inglaterra y Escocia?
¡Hola Derek! Lamento escuchar sobre el problema. ¡He anotado tus comentarios!
Mientras tanto, por si acaso, puedes añadir manualmente dichos países a la lista después de la adición masiva de países.
¡Gracias y que tengas un buen día!
Cuando selecciono una opción en el desplegable, esa etiqueta de selección se muestra debajo del desplegable y también en el desplegable.
¿Se puede eliminar la visualización de la etiqueta debajo del desplegable? Parece innecesario y no es un comportamiento común para los desplegables.
Hola Josh, parece un conflicto de tema o de plugin de estilo. ¿Te importaría ponerte en contacto con nosotros con detalles adicionales y la URL del formulario para que podamos ayudarte más en este caso?
Gracias 🙂
¡Hola! ¿Sería posible agregar 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 quisiéramos editar la lista, el cambio se mostraría automáticamente en todos los formularios.
¡Gracias!
Hola:
Actualmente no tenemos una función incorporada para lograr lo que ha mencionado. Podemos considerar esta función para futuras mejoras. Sin embargo, actualmente la única opción sería agregar masivamente las opciones manualmente.
¡Hola! ¿Cómo podemos agregar solo el país y usar la geolocalización automática? Gracias
Hola John,
Actualmente, no tenemos un campo específico para países que se pueda rellenar previamente basándose en la ubicación detectada mediante el complemento de geolocalización. He agregado su voto para considerar esto como una solicitud de función.
¡Gracias!
¿Hay alguna forma de mostrar el nombre del país + icono de bandera?
Hola Christian – Actualmente no tenemos la función para agregar iconos al campo desplegable cuando se usa la configuración predeterminada de países. Estoy de acuerdo en que sería una gran función, y la agregaré a nuestro rastreador de solicitudes de funciones. Dicho esto, si me estoy perdiendo algo obvio aquí, no dude en contactarnos enviando un ticket de soporte.
Hola, mi búsqueda desplegable de países está atascada en la vista clásica, a pesar de haber seleccionado la moderna. La primera ubicación parece estar bien, luego más abajo cambia la configuración.
Supongo que es un conflicto de tema.
¿Tienes alguna idea de cómo hacer que los campos sean buscables?
Hola Nathan – Cuando tengas un momento, por favor, envíanos un mensaje con más detalles sobre el problema a soporte para que podamos ayudarte.
Si tienes una licencia de WPForms, tienes acceso a nuestro soporte por correo electrónico, así que por favor envía una solicitud de soporte.
De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite en WordPress.org.
Gracias 🙂