Resumen de IA
¿Le gustaría permitir que sus usuarios seleccionen varias opciones en un campo desplegable? Añadir un desplegable de selección múltiple a sus formularios de WordPress permite a sus usuarios seleccionar muchas opciones sin tener que usar un campo de casillas de verificación.
Luego, seleccione la opción etiquetada como Selección de Múltiples Opciones para habilitarla.
Primeros pasos
Antes de empezar, necesitará crear un formulario nuevo o editar uno existente.
Para nuestro ejemplo, configuraremos un formulario de consulta de clubes deportivos. Para ello, comenzaremos abriendo el constructor de formularios.
A continuación, navegue a la sección Campos estándar para encontrar el campo Desplegable. Simplemente haga clic en el campo para añadirlo al formulario, o arrástrelo y suéltelo en el área de vista previa de su formulario.
Una vez añadido el campo, haga clic en él para abrir su panel de Opciones de Campo.
Luego, cambiaremos la Etiqueta de este campo para que diga Seleccione los clubes sobre los que le gustaría saber más. También añadiremos 4 opciones en Opciones: Natación, Tiro con arco, Críquet y Danza.
Dentro de las Opciones de Campo, navegue a la sección Avanzado y haga clic en ella para abrir configuraciones adicionales.
A continuación, seleccione la opción etiquetada como Selección de varias opciones para habilitarla.
Opciones de personalización
Hay dos configuraciones de estilo diferentes disponibles para el campo Desplegable: Clásico o Moderno. Cada una formateará el estilo del desplegable de una manera ligeramente diferente. Puede cambiar el estilo de su campo Desplegable en Avanzado » Estilo.
Estilo Clásico
El estilo Clásico mostrará todas sus opciones dentro de un cuadro. Cuando se añadan más de 4 opciones al desplegable, el cuadro incluirá una barra de desplazamiento vertical.
Nota: El estilo Clásico siempre mostrará al menos cuatro filas, incluso si no hay datos en esas filas.
Para seleccionar varias opciones, mantenga pulsado el botón Control (o Comando en Mac) mientras hace clic. Esto añadirá un efecto de resaltado a las opciones que haya seleccionado.
Estilo moderno
El estilo Moderno mostrará un desplegable estándar. Este desplegable le permite desplazarse por una lista de opciones y seleccionar sus elecciones, o escribir términos de búsqueda para encontrar las opciones que desee.
Cuando se seleccionan varias opciones, cada opción se añadirá a la barra desplegable.
Configurar la lógica condicional
Configurar lógica condicional con un desplegable de selección múltiple le permitirá mostrar u ocultar campos si un usuario selecciona más de una opción del desplegable.
Por ejemplo, en nuestro formulario de consulta de clubes deportivos, mostraremos a los usuarios un mensaje si seleccionan tanto Natación como Danza del desplegable. En nuestro mensaje, les informaremos que estos clubes se reúnen en horarios conflictivos.
Para configurar esto, primero añadiremos un campo HTML a nuestro formulario.
Luego, en la sección Código, podemos añadir nuestro mensaje: "¡Atención! Los clubes que ha elegido se reúnen en horarios conflictivos."
Después de eso, necesitaremos configurar nuestra lógica condicional para que el campo solo aparezca cuando los usuarios seleccionen Natación y Danza. Para hacer esto, haremos clic en la sección Smart Logic para abrirla, y luego seleccionaremos la opción Enable conditional logic.
Luego, configuraremos la lógica para que diga: Show this field if Select Which Club(s) You’d Like to Know More About is Swimming AND Select Which Club(s) You’d Like to Know More About is Dance.
Este campo permanecerá oculto a menos que un usuario seleccione tanto Natación como Danza de nuestro campo desplegable.
Nota: Para más detalles sobre cómo usar el operador AND, consulta nuestra guía sobre Smart Conditional Logic.
¡Eso es todo! Ahora puedes configurar un campo desplegable de selección múltiple en tu WPForms.
¿Te gustaría añadir fácilmente un gran número de opciones para un campo desplegable, de opción múltiple o de casillas de verificación? ¡Consulta nuestro tutorial sobre cómo agregar opciones masivamente para más detalles!