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
En este artículo
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.
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.
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.
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.
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.
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:
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.
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.
A continuación, introduzca un nombre para su página y haga clic en Vamos.
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.
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.
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.
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?
- 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.
¿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.
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 🙂 .