Cómo crear una lista desplegable con varias selecciones

Los desplegables de selección múltiple facilitan el trabajo con grandes listas en formularios. No es la única manera de añadir una lista larga con múltiples opciones seleccionables en un formulario, pero es el enfoque más conciso.

Y cuando se trata de diseñar formularios que la gente realmente quiera rellenar, necesitas algo que no alargue tu formulario más de lo absolutamente necesario.

Sin embargo, veo sitios web que utilizan grandes listas de control en situaciones en las que podrían haber creado un diseño más limpio si hubieran optado por un desplegable de selección múltiple.

Según lo que he visto, esto se debe a que el constructor de formularios no admite desplegables de selección múltiple o a que el creador no ha prestado atención.

Así que pensé que debía elaborar una guía rápida para mostrar lo fácil que es añadir desplegables a tus formularios en WordPress con opciones de selección múltiple.

Cómo configurar un campo desplegable de selección múltiple en WordPress

Empecemos instalando el plugin que vamos a utilizar.

Paso 1: Instalar el plugin WPForms

En primer lugar, necesitas un constructor de formularios que soporte desplegables de selección múltiple. Recomiendo WPForms porque realmente creo que ningún otro plugin de formularios de WordPress ofrece la flexibilidad y las características de ahorro de tiempo del mismo nivel.

Por ejemplo, con los desplegables de WPForms, puedes:

• Añadir opciones de selección múltiple en los desplegables, tanto en la versión gratuita como en la de pago.
• Genere y añada largas listas de opciones automáticamente con IA

Aunque puede utilizar WPForms Lite o WPForms Pro para crear desplegables con selección múltiple, en esta guía utilizaré WPForms Pro (consulte WPForms Lite vs Pro para obtener más información sobre las diferencias clave entre las dos versiones).

¿Es la primera vez que instalas un plugin? Es increíblemente fácil. Puedes seguir los pasos de instalación descritos en nuestra guía de instalación.

Una vez instalado, puede empezar a crear sus formularios inmediatamente.

Paso 2: Crear un nuevo formulario

Abra el menú de administración de WordPress. Coloca el cursor sobre WPForms en la barra lateral y haz clic en Añadir nuevo.

Esta acción cargará la pantalla de configuración del formulario. En este ejemplo, quiero crear un formulario de solicitud de libros. Así que le daré un nombre apropiado al formulario para mi referencia interna, y elegiré una plantilla.

Para simplificar, voy a seguir adelante con el formulario de contacto simple y luego personalizarlo un poco añadiendo un desplegable más tarde.

Recuerde que hay más de 2.000 plantillas de formularios para elegir. Incluso puedes generar el formulario completo con IA.

Pero con el fin de demostrar la funcionalidad y personalizaciones mejor, estoy usando la ruta manual para este caso.

Una vez seleccionada la plantilla, el generador de formularios se cargará en unos segundos.

Cada plantilla en WPForms es 100% personalizable. Así que usted puede insertar fácilmente nuevos campos, eliminar cualquier campo existente, o cambiar otros ajustes.

En el siguiente paso, añadiré un campo desplegable con una lista bastante grande de opciones seleccionables.

Paso 3: Añadir un campo desplegable

Primero, arrastremos un desplegable al formulario.

A continuación, haga clic en el campo para que la configuración se abra a la izquierda.

En el panel de la izquierda, verás varias opciones. Por ejemplo, cambiar la etiqueta del campo e introducir las opciones del desplegable.

Primero vamos a dar un nombre más relevante y descriptivo al campo cambiando la etiqueta. Como quiero añadir una lista de libros que la gente puede solicitar en este campo, voy a etiquetarlo como "Libros para solicitar".

Ahora, es el momento de añadir las opciones para su desplegable. Es bastante fácil de añadir opciones manualmente cuando sólo tiene unos pocos de estos.

Pero si tienes una lista larga, puedes ahorrar mucho tiempo dejando que la IA genere y añada las opciones por ti.

Para utilizar la IA para las elecciones, haga clic en el botón morado Generar elecciones .

Ahora, describa las opciones en términos simples y WPForms AI generará su lista para usted casi instantáneamente. Quiero añadir una lista de libros populares (que probablemente van a estar disponibles en cualquier biblioteca decente), y eso es lo que voy a preguntar en el prompt.

En pocos segundos, tenía una lista fantástica con la que podía trabajar. Pero si quiere cambiar la lista masivamente, puede intentar modificar su prompt y pedirle a WPForms AI de nuevo que actualice la lista.

Cuando estés satisfecho con las sugerencias, haz clic en Insertar opciones.

Las opciones generadas aparecerán en la lista de opciones del panel izquierdo. También puede editar manualmente estas opciones.

Por defecto, un visitante sólo puede seleccionar una opción a la vez de la lista desplegable. Pero es fácil cambiar esta configuración como mostraré en el siguiente paso.

Paso 4: Editar la configuración del campo desplegable para habilitar la selección múltiple

Por defecto, un visitante sólo puede seleccionar una opción a la vez en el desplegable. Para cambiar esto, primero vaya a la pestaña Avanzado del campo Desplegable.

A continuación, haga clic en Selección de opciones múltiples para activarla.

¡Genial! Ya casi hemos terminado. Pero yo personalmente no soy un fan del estilo clásico desplegable (que es la medida por defecto).

Esto hace que el desplegable aparezca como un cuadro rectangular con desplazamiento vertical, y es necesario pulsar Ctrl(Comando en Mac) para seleccionar varias opciones.

Puede hacer que el campo desplegable sea más intuitivo cambiando el Estilo de Clásico a Moderno.

Hay 3 razones por las que el estilo Moderno funciona mejor para un desplegable de selección múltiple:

• El campo de estilo Moderno muestra una fila con una flecha para ampliar la lista. Es más compacto que el estilo Clásico, que siempre muestra 4 filas y ocupa más espacio en pantalla.
• El campo de estilo Moderno le permite hacer clic en varias entradas sin mantener pulsada ninguna tecla del teclado. Con el campo clásico, el visitante tendrá que mantener pulsada la tecla Control o Comando del teclado para seleccionar más de una entrada a la vez.
• El menú desplegable de selección múltiple Modern syle cuenta con un cuadro de búsqueda, que facilita la búsqueda rápida del artículo deseado.

Vamos a guardar nuestro progreso hasta ahora haciendo clic en el botón Guardar en la parte superior del constructor de formularios.

Ahora podemos publicar el formulario. Este es el paso final, y sólo toma unos minutos.

Paso 5: Publique su formulario

Ahora que hemos completado el formulario, es el momento de publicarlo en su sitio de WordPress.

WPForms te permite publicar tus formularios donde quieras. Puede añadirlos a:

• Puestos
• Páginas
• Barras laterales
• El pie de página de WordPress.

En este ejemplo, vamos a crear una nueva página para el formulario.

Para empezar, haga clic en Incrustar en la parte superior del generador de formularios.

Ahora vamos a seguir adelante y haga clic en Crear nueva página.

Escriba un nombre para su página y haga clic en Vamos.

WordPress abrirá la nueva página y mostrará una vista previa de su formulario. Haga clic en el botón azul Publicar en la parte superior derecha.

Ahora su formulario con el menú desplegable de selección múltiple está activo y listo para usar.

Y ya está. Usted aprendió cómo hacer un menú desplegable de selección múltiple fácilmente en WordPress.

Cree su formulario WordPress ahora

Siguiente paso: Divida su formulario en páginas

Si buscas formas de hacer que tu formulario sea más compacto, piensa en dividirlo en varias páginas. De este modo, los formularios largos serán mucho más fáciles de procesar.

• Para saber cómo añadir saltos de página a un formulario, lea nuestra guía para crear un formulario de varios pasos.
• Para crear un formulario de varios pasos diseñado para aumentar las conversiones y los clientes potenciales, consulte cómo crear un formulario de clientes potenciales.

¿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.