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.
Los selectores de país son esenciales para la información de envío, los datos de encuestas y los registros de usuarios. Hacen que tus formularios tengan un aspecto pulido y mejoran la experiencia del usuario.
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 WPForms. ¿Y lo mejor? Es gratis.
En esta guía, te mostraré exactamente cómo configuro los desplegables de país en WPForms, además de compartir algunos consejos que la mayoría de la gente pasa por alto.
Crear formulario con desplegable de países 🌎
Cómo añadir una lista desplegable de países a los formularios de WordPress
Algunos sitios siguen utilizando largos campos de texto en los que hay que escribir "Estados Unidos" o "Reino Unido", lo que crea incoherencias en los datos y fricción con el usuario.
Otros utilizan listas desplegables obsoletas en las que faltan los países más recientes o utilizan nombres de países antiguos. Un menú desplegable de países bien diseñado cumple tres funciones importantes:
- Estandariza la recopilación de datos (se acabaron las entradas "EE.UU." frente a "Estados Unidos" frente a "América").
- Mejora los índices de cumplimentación de formularios porque los usuarios pueden encontrar rápidamente su país.
- Demuestra una profesionalidad que genera confianza en su público.
Aquí es donde WPForms resulta útil. Nuestro desplegable de países se actualiza automáticamente, se carga rápidamente 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 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.
Si necesita ayuda con la instalación del plugin, lea esta sencilla guía sobre la instalación de WPForms. Después de instalar WPForms en tu sitio, primero necesitas crear un formulario donde quieras añadir 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. Esto le llevará a la pantalla de configuración de formularios WPForms.
Aquí, puedes empezar por darle un nombre a tu formulario y seleccionar una plantilla. Para mantener las cosas simples, voy a ir con la plantilla Simple Contact Form aquí, pero eres libre de elegir cualquiera de las más de 2.000 plantillas de formularios de WordPress disponibles para los usuarios Pro.
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.
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.
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.
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.
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.
Siga adelante y haga clic en Países preestablecidos para cargar la lista completa de países como las opciones para su campo desplegable.
Por último, haga clic en Añadir nuevas opciones para confirmar la lista de países.
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.
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.
A continuación, haz clic en la pestaña Avanzado y elige aquí el estilo Moderno en lugar del Clásico.
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.
Paso 3: Personalizar los nombres de los países en el menú desplegable
Ahora que ha agregado el menú desplegable de países a su formulario, hagamos que funcione mejor para su audiencia específica. WPForms le da un control completo sobre qué países aparecen y cómo se organizan.
Haz clic en el campo desplegable de tu país para abrir las opciones de campo de la izquierda. Verás una lista de todos los países en la sección Opciones. Aquí es donde se produce la verdadera magia de la personalización.
Edición de nombres de países
En primer lugar, es posible que desee limpiar algunos de los nombres de países más largos para una mejor experiencia de usuario. Por ejemplo, la lista por defecto muestra "Reino Unido de Gran Bretaña e Irlanda del Norte".
Aunque es técnicamente correcto, es innecesariamente largo. Solo tienes que hacer clic en esa opción y editarla a simplemente "Reino Unido" o incluso "UK" si lo prefieres.
Lo hago habitualmente con países como "Estados Unidos de América" (cambiar por "Estados Unidos"), "Federación Rusa" (cambiar por "Rusia") o "República Democrática del Congo" (cambiar por "Congo (RDC)").
Reordenar los países por prioridades
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.
Paso 4: Publique su formulario en segundos
Ahora que tu desplegable está configurado, es hora de publicar tu formulario. Es muy fácil crear una nueva página directamente desde el generador de formularios. Para utilizar el asistente de incrustación, primero haz clic en Incrustar en la parte superior del generador de formularios.
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.
Después de eso, introduzca un nombre para su página y haga clic en Let's Go. En este punto, ya estás listo para publicar tu formulario. Sin embargo, antes de hacerlo, 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 panel derecho, busque la sección Temas y pruebe las diferentes opciones de temas que vienen precargadas con WPForms Pro.
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és listo, sigue adelante y pulsa Publicar.
Una vez publicado, siéntase libre de seguir adelante y comprobar su formulario con la lista desplegable de países. Si has seleccionado el estilo Moderno para el desplegable, tus visitantes podrán buscar un país simplemente escribiendo el nombre.
Para listas realmente largas, como los desplegables de países, estas funciones adicionales son realmente útiles y hacen que el desplegable de países sea mucho más fácil de usar. Y ya está. Ya tienes un desplegable de países en tu formulario de WordPress listo para que lo utilicen tus visitantes.
Preguntas frecuentes sobre cómo añadir una lista desplegable de países a WPForms
Aprender cómo añadir una lista desplegable de países a WPForms es un tema de interés popular entre nuestros lectores. Aquí están las respuestas a algunas preguntas comunes al respecto:
¿Cómo añado una lista de países en Google Forms?
Google Forms no tiene un menú desplegable de países integrado como WPForms. Tendrías que crear manualmente una pregunta de opción múltiple y escribir el nombre de cada país, los 195.
Entonces usted tendría que mantener esta lista cada vez que los países cambian. WPForms le ahorra horas de trabajo con su desplegable automático de países que se mantiene actualizado sin ningún esfuerzo por su parte.
¿Puedo utilizar un menú desplegable de países con Contact Form 7?
Contact Form 7 no incluye un campo desplegable de país nativo. Tendrás que instalar un plugin aparte o codificar manualmente el desplegable utilizando etiquetas de selección HTML.
Incluso entonces, tendría que mantener la lista de países usted mismo. WPForms incluye esta funcionalidad fuera de la caja, por lo que es mucho más fácil de implementar y mantener.
¿Cómo añado los prefijos de los países de los números de teléfono a mi formulario?
WPForms ofrece un campo Teléfono separado que puede funcionar junto con su menú desplegable de país. Mientras que el menú desplegable de país se encarga de la selección de ubicación, el campo de teléfono incluye un formato integrado para diferentes países.
Para configuraciones avanzadas en las que la selección del país actualiza automáticamente el formato del teléfono, necesitará WPForms Pro con lógica condicional.
¿Por qué el menú desplegable de mi país no muestra todos los países?
Esto suele ocurrir cuando ha borrado accidentalmente países de la lista o si hay un conflicto de plugins. En WPForms, vuelva a su editor de formularios, haga clic en el campo desplegable del país y compruebe la sección Opciones.
Puede volver a añadir manualmente los países que falten, o eliminar el campo y añadir un nuevo desplegable de países para restaurar la lista completa.
¿Puedo poner determinados países al principio de la lista desplegable?
Por supuesto. Esta es una de mis características favoritas de WPForms. En el editor de formularios, haga clic en el campo desplegable de su país, luego en la sección Opciones, arrastre y suelte los países utilizando el icono de tres líneas.
Siempre pongo los países más comunes para mi audiencia en la parte superior - como Estados Unidos y Canadá si la mayoría de mis visitantes son norteamericanos.
¿Cómo elimino del desplegable los países que no necesito?
En su editor de WPForms, seleccione el campo desplegable del país y mire la sección Opciones a la izquierda. Haga clic en la X roja junto a cualquier país que desee eliminar. Esto es útil si sólo sirve a ciertas regiones o desea mantener la lista más corta para una mejor experiencia de usuario.
¿Funciona el menú desplegable de países en los dispositivos móviles?
Sí, los desplegables de país de WPForms responden totalmente a dispositivos móviles. Se adaptan automáticamente a interfaces táctiles y funcionan perfectamente en smartphones y tablets. El 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 el menú desplegable?
Sí, puede editar cualquier nombre de país en WPForms. Simplemente haga clic en el campo desplegable del país, busque el país en la sección Opciones y modifique el texto.
A menudo acorto nombres largos como "Reino Unido de Gran Bretaña e Irlanda del Norte" a simplemente "Reino Unido" para facilitar la lectura.
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?
- Puedes activar la geolocalización en todos tus formularios con 1 clic. Echa un vistazo a esta guía sobre cómo realizar un seguimiento de las ubicaciones de los usuarios con los 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íses 🌎
¿Listo para crear tu formulario? Empieza hoy mismo con el plugin más sencillo para crear formularios en WordPress. WPForms Pro incluye un montón de plantillas gratuitas 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.
hy
no veo la opción bulk ¿por qué?
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 🙂 .
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,
Hola Noor- para lograr lo que usted ha mencionado aquí, puede configurar la configuración de Notificaciones Condicionales.
Espero que te sirva de ayuda 🙂 .
¿Cómo puedo mostrar el cuadro de búsqueda en el menú desplegable si tenemos menos de ocho opciones?
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.
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
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.
¿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?
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.
Hola,
Quería saber si esto se ha integrado en el increíble wpforms porque ahora, lo estoy buscando. Realmente lo necesito.
Gracias
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.
Estoy tratando de usar wpforms desplegable, pero el navegador es un poco restablecer el estilo.
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.
Reino Unido, Gran Bretaña, etc. no son países. ¿Por qué muy pocas listas desplegables incluyen Gales, Inglaterra y Escocia?
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!
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.
Hola Josh, eso parece un conflicto de tema o plugin de estilo. Le importaría ponerse en contacto con nosotros con detalles adicionales y URL del formulario para que podamos ayudarle más en este caso?
Gracias 🙂 .
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.
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.
¿Cómo podemos añadir sólo el país y utilizar la geolocalización automática? Gracias
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.
¿Hay alguna forma de mostrar el nombre del país + el icono de la bandera?
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.
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?
Hola Nathan - Cuando puedas, envíanos un mensaje con más detalles sobre el problema al servicio de asistencia para que podamos ayudarte.
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 🙂 .