Listas de casillas de verificación de selección múltiple: permiten a los usuarios elegir varias opciones
"Seleccione todas las opciones que correspondan". Es una de las instrucciones más comunes en los formularios, y las casillas de verificación son la clave. Las listas de casillas de selección múltiple permiten a los usuarios elegir varias opciones de una lista predefinida, perfectas para intereses, preferencias, servicios y cualquier situación donde una sola respuesta no sea suficiente.
En esta guía, aprenderá cómo crear listas de casillas de verificación de selección múltiple efectivas para sus formularios de WordPress.
Cuándo utilizar casillas de verificación de selección múltiple
Perfecto para
- Selección de intereses: ¿Qué temas te interesan?
- Consulta de servicio: “¿En qué servicios está interesado?”
- Preferencias de funciones: "¿Qué características necesitas?"
- Métodos de contacto: ¿Cómo desea que nos comuniquemos con usted?
- Requisitos dieteticos: “¿Alguna restricción dietética?”
- Habilidades/experiencia: “Seleccione sus áreas de especialización”
- Preguntas de la encuesta: ¿Cuáles de estos has probado?
Caracteristicas claves
- Se permiten selecciones múltiples (a diferencia de los botones de opción)
- Cero selecciones posibles (a menos que sea necesario)
- Todas las opciones visibles a la vez
- Opciones independientes (seleccionar una no afecta a las demás)
Casillas de verificación de selección múltiple frente a alternativas
| Las casillas de verificación | Botones de Selección (Radio Buttons) | Menú desplegable de selección múltiple |
|---|---|---|
| Varias selecciones | Solo selección única | Varias selecciones |
| Todas las opciones visibles | Todas las opciones visibles | Opciones ocultas hasta que se hace clic |
| Ideal para 3-10 opciones | Ideal para 2-5 opciones | Bueno para muchas opciones |
| Fácil de escanear | Fácil de escanear | Compacto pero requiere interacción. |
Creación de casillas de verificación de selección múltiple
Paso 1: Agregar campo de casilla de verificación
- Abra su formulario en AFB
- Arrastre (Resistencia) Casilla de Verificación (Checkbox) campo a su formulario
- Haga clic para configurar
Paso 2: Escribe tu pregunta
Ejemplos de etiquetas:
- ¿Qué servicios le interesan?
- “Seleccione sus preferencias”
- "¿Qué características necesitas?"
- "¿Cómo se enteró de nosotros?"
Texto de ayuda:
- “Seleccione todas las que correspondan”
- “Elige tantos como quieras”
- “Marque todas las opciones relevantes”
Paso 3: Agrega tus opciones
Introduzca cada opción en una nueva línea:
Diseño web Servicios SEO Marketing de contenidos Gestión de redes sociales Marketing por correo electrónico Publicidad pagada
Paso 4: Elegir el diseño
Diseño vertical
☐ Opción Uno ☐ Opción Dos ☐ Opción Tres ☐ Opción Cuatro ☐ Opción Cinco
Ideal para:
- Etiquetas de opciones más largas
- Pantalla optimizada para dispositivos móviles
- Escaneo fácil
- 5+ opciones
Diseño horizontal
☐ Opción A ☐ Opción B ☐ Opción C ☐ Opción D
Ideal para:
- Etiquetas cortas
- 3-4 opciones
- Pantalla compacta
diseño de cuadrícula
☐ Opción Uno ☐ Opción Dos ☐ Opción Tres ☐ Opción Cuatro ☐ Opción Cinco ☐ Opción Seis
Ideal para:
- Muchas opciones (6-12)
- Etiquetas de longitud similar
- Uso eficiente del espacio
Paso 5: Configurar reglas de selección
Campo Obligatorio
- Habilitar si el usuario debe seleccionar al menos uno
- Error si no se seleccionó ninguno al enviar
Selecciones mínimas
- Establecer un número mínimo de opciones
- “Por favor seleccione al menos 2 opciones”
Selecciones máximas
- Limitar la cantidad que se puede seleccionar
- “Seleccione hasta 3 opciones”
- Priorización de fuerzas
Características especiales de las casillas de verificación
Seleccionar todas las opciones
Agregue una casilla de verificación "Seleccionar todo":
Cómo funciona:
- Un clic selecciona todas las opciones
- Al hacer clic nuevamente se deselecciona todo.
- Conveniente para listas largas
Bueno para:
- Listas donde seleccionar todo es común
- “Sí, me interesa todo”
- Suscripciones a boletines informativos
Habilitar en la configuración: Activar “Seleccionar todas las opciones”
Opción “Otro” con cuadro de texto
Permitir entradas personalizadas:
☐ Opción A ☐ Opción B ☐ Opción C ☐ Otro: [________________]
Cómo funciona:
- “Otro” aparece como última opción
- Cuando está marcado, aparece un campo de texto
- El usuario escribe su respuesta personalizada
Bueno para:
- No se pueden predecir todas las respuestas posibles
- Encuestas e investigaciones
- Descubriendo nuevas opciones
Habilitar en la configuración: Activar “Otra opción”
Opción “Ninguna de las anteriores”
Exclusión explícita:
☐ Opción A ☐ Opción B ☐ Opción C ☐ Ninguna de las anteriores
Cómo funciona:
- Seleccionar “Ninguno” generalmente deselecciona los demás.
- El usuario indica explícitamente “ninguno aplica”
- Diferente a dejar en blanco
Bueno para:
- Encuestas que requieren una respuesta definitiva
- Distinguir “ninguno” de “omitido”
- Preguntas obligatorias cuando no corresponde ninguna
Ejemplos de casillas de verificación de selección múltiple
Formulario de interés de servicio
Etiqueta: “¿En qué servicios está interesado?”
Texto de ayuda: “Seleccione todas las que correspondan”
Opciones:
- ☐ Diseño de sitios web
- ☐ Desarrollo de sitios web
- ☐ Optimización SEO
- ☐ Redacción de contenidos
- ☐ Marketing en redes sociales
- ☐ Marketing por correo electrónico
- ☐ Publicidad pagada (PPC)
- ☐ Diseño de marca y logotipo
Configuración Obligatorio, Disposición vertical
preferencias de contacto
Etiqueta: "¿Cómo prefiere que nos comuniquemos con usted?"
Opciones:
- ☐ Correo electrónico
- ☐ Llamada telefónica
- ☐ Mensaje de texto
Configuración Obligatorio (al menos uno), Disposición horizontal
Requisitos dietéticos (Evento)
Etiqueta: “¿Tiene alguna exigencia dietética?”
Opciones:
- ☐ Vegetarian
- ☐ Vegano
- ☐ Sin gluten
- ☐ Sin lácteos
- ☐ Alergia a los frutos secos
- ☐ Halal
- ☐ Kosher
- ☐ Otro: [________]
- ☐ Ninguno
Configuración Opcional, “Otro” habilitado, Diseño vertical
Evaluación de habilidades (solicitud de empleo)
Etiqueta: “Selecciona tus habilidades técnicas”
Texto de ayuda: “Marque todas las que correspondan”
Opciones:
- ☐ HTML/CSS
- ☐ JavaScript
- ☐ Reaccionar
- ☐ PHP
- ☐ WordPress
- ☐ Pitón
- ☐ SQL/Bases de datos
- ☐ Git/Control de versiones
Configuración Diseño de cuadrícula (2 columnas), mínimo 3 requerido
Temas del boletín informativo
Etiqueta: "¿Sobre qué temas te gustaría recibir actualizaciones?"
Opciones:
- ☐ Noticias de la industria
- ☐ Actualizaciones de productos
- ☐ Consejos y tutoriales
- ☐ Estudios de caso
- ☐ Eventos y seminarios web
- ☐ Ofertas especiales
Configuración Opción “Seleccionar todo” habilitada, Opcional
Encuesta: ¿Cómo se enteró de nosotros?
Etiqueta: "¿Cómo se enteró de nosotros?"
Texto de ayuda: “Seleccione todas las que correspondan”
Opciones:
- ☐ Búsqueda de Google
- ☐ Redes sociales (Facebook, Instagram, etc.)
- ☐ Amigo o colega
- ☐ Publicidad en línea
- ☐ Blog o artículo
- ☐ Correo electrónico
- ☐ Feria comercial/evento
- ☐ Otro: [________]
Configuración Obligatorio, “Otro” habilitado
Priorización de características
Etiqueta: “¿Cuáles son tus 3 principales prioridades?”
Texto de ayuda: “Seleccione exactamente 3 opciones”
Opciones:
- ☐ Velocidad/Rendimiento
- ☐ Seguridad
- ☐ Facilidad de uso
- ☐ Personalización
- ☐ Atención al cliente
- ☐ Precio
- ☐ Opciones de integración
- ☐ Compatibilidad móvil
Configuración Mínimo 3, máximo 3
Diseño de listas de opciones eficaces
Cómo escribir buenas opciones
Sea específico
Ola: “Servicios de marketing”
Específico: “Marketing en redes sociales”, “Marketing por correo electrónico”, “SEO”
Mantenga las etiquetas concisas
Demasiado largo: Servicios de optimización de motores de búsqueda para su sitio web
Mejor: Servicios de SEO
Utilice la estructura paralela
Inconsistente:
- Diseño Web
- Necesito ayuda con el SEO
- Contenido
Consistente:
- Diseño Web
- Servicios de SEO
- Contenido escrito
Ordenar lógicamente
- Alfabético (para listas largas)
- Por popularidad (los más comunes primero)
- Por agrupación de categorías
- Por orden de flujo de trabajo
¿Cuántas opciones?
| Contar | Recomendación |
|---|---|
| 2-3 | Considere si se necesitan casillas de verificación |
| 4-7 | Ideal para casillas de verificación |
| 8-12 | Utilice el diseño de cuadrícula y considere agrupar |
| 12+ | Considere la posibilidad de seleccionar múltiples categorías o menús desplegables |
Mensajes de validación
Campo Obligatorio
“Por favor seleccione al menos una opción”
Mínimo no cumplido
“Por favor seleccione al menos [X] opciones”
Máximo excedido
“Puedes seleccionar un máximo de [X] opciones”
Mensajes personalizados
Adaptado a tu pregunta:
- “Por favor, díganos qué servicios le interesan”
- “Selecciona tus 3 prioridades principales”
- “Elija al menos un método de contacto”
BUENAS PRÁCTICAS
1. Siempre agregue “Seleccionar todas las opciones que correspondan”
En la etiqueta o en el texto de ayuda, deje en claro que se permiten selecciones múltiples.
2. Considere “Otros” para preguntas abiertas
Si no puede enumerar todas las posibilidades, agregue una opción "Otro" con entrada de texto.
3. Utilice “Ninguno” cuando sea apropiado
Para las preguntas en las que ninguna opción es una respuesta válida, hágalo explícito.
4. Adapte el diseño al contenido
- Opciones cortas → Horizontal o Cuadrícula
- Opciones largas → Vertical
- Muchas opciones → Cuadrícula
5. No verifique las opciones con antelación
Permite a los usuarios realizar sus propias selecciones. La comprobación previa permite:
- Resultados sesgados
- Sentirse manipulador
- Infringir el RGPD para el consentimiento de marketing
6. Establezca límites cuando sea necesario
Si desea priorizar, limite las selecciones:
- “Elige tus 3 favoritos” con un máximo de 3
- Obliga a tomar decisiones meditadas
7. Opciones relacionadas con el grupo
Para listas largas, considere múltiples campos de casillas de verificación por categoría en lugar de una lista gigante.
Consideraciones móviles
Diseño táctil
- Objetivos de toque lo suficientemente grandes
- Espaciado adecuado entre opciones
- Al hacer clic en la etiqueta se marca la casilla
Disposición vertical preferida
En las pantallas móviles:
- Los diseños horizontales se envuelven de forma extraña
- Vertical es más fácil de leer
- Prueba en dispositivos reales
Localización de averías
Opciones que no se guardan
- Asegúrese de que las opciones se agreguen correctamente
- Comprobar si hay líneas vacías
- Guardar formulario y actualizar
Seleccionar todo no funciona
- Verificar que la función esté habilitada
- Comprobar si hay conflictos de JavaScript
- Borrar caché
El diseño no se muestra correctamente
- Comprobar la configuración del diseño
- El CSS del tema puede anularse
- Prueba con el tema predeterminado
Preguntas frecuentes
¿Cuántas opciones son demasiadas?
Más de 12 opciones resultan abrumadoras. Considere agruparlas en categorías, usar varias casillas de verificación o usar un menú desplegable de selección múltiple.
¿Debo utilizar casillas de verificación o un menú desplegable de selección múltiple?
Casillas de verificación cuando hay pocas opciones (3-10) y se desea que todas estén visibles. Menú desplegable de selección múltiple cuando hay muchas opciones y el espacio es limitado.
¿Puedo establecer tanto el mínimo como el máximo?
Sí. Ejemplo: “Seleccione entre 2 y 5 opciones” con mín=2 y máx=5.
¿Cómo hago exactamente los 3 requeridos?
Establezca el mínimo y el máximo en 3. Los usuarios deben seleccionar exactamente 3 opciones.
¿Qué pasa si los usuarios necesitan una opción que no está en la lista?
Habilite la opción “Otro” que proporciona un campo de texto para entradas personalizadas.
Resumen
Creación de listas de casillas de verificación de selección múltiple:
- Agregar campo de casilla de verificación – Arrastre para formar
- Escribe una pregunta clara – Incluir “seleccionar todas las que correspondan”
- Añade opciones bien redactadas – Conciso, paralelo, ordenado
- Elija el diseño apropiado – Vertical, horizontal o cuadrícula
- Configurar reglas de selección – Obligatorio, mín./máx. si es necesario
- Habilitar opciones especiales – Seleccionar todo, otro, ninguno
- Prueba en el móvil – Garantizar la usabilidad
Conclusión
Las listas de casillas de verificación de selección múltiple son esenciales para recopilar múltiples preferencias, intereses y opciones. Con un diseño de opciones adecuado, diseños apropiados y funciones inteligentes como "Seleccionar todo" y "Otros", creará campos de selección intuitivos que recopilan los datos que necesita.
Constructor de formularios automático Ofrece campos de casilla de verificación completos con diseños verticales, horizontales y de cuadrícula, opción "Seleccionar todo", "Otro" con cuadro de texto, "Ninguno de los anteriores" y límites de selección mínimos y máximos. Todo lo que necesita para preguntas profesionales de selección múltiple.
¿Estás listo para crear formularios de selección múltiple? Descargar Auto Form Builder y dejar que los usuarios elijan todas las que correspondan.
