¿Desea cambiar la apariencia del campo Checkboxes de su formulario? WPForms ofrece muchas opciones para personalizar la apariencia y el funcionamiento de este campo en sus formularios publicados.
Este artículo compartirá todas las formas en que puede personalizar sus campos Checkboxes de WPForms.
- Editar la etiqueta y la descripción del campo
- Editar, añadir y eliminar opciones
- Generación de opciones con WPForms AI
- Exigir el campo
- Elección aleatoria
- Visualización de casillas de verificación en un diseño de varias columnas
- Limitación de la selección de casillas de verificación
- Uso de casillas de verificación Opciones dinámicas
- Ocultar la etiqueta de campo
- Activar la visualización de la cláusula de exención de responsabilidad o de las condiciones del servicio
- Preguntas frecuentes
Nota: El campo Casillas de verificación permite a los usuarios seleccionar varias opciones a la vez. Si necesita que los usuarios seleccionen solo una opción, en la que la selección de una opción anule automáticamente la selección de la otra, le recomendamos que utilice en su lugar el campo Opción múltiple.
Antes de revisar las opciones a continuación, asegúrese de que WPForms esté instalado y activado en su sitio WordPress. A continuación, cree un nuevo formulario o edite uno existente para abrir el constructor de formularios.
Aquí, busque Casillas de verificación en la sección Campos estándar.
Para añadir un campo Casilla de verificación a su formulario, haga clic en él o arrástrelo y suéltelo en el área de vista previa del constructor de formularios. A continuación, haga clic en él para abrir sus opciones de campo.
Nota: ¿Quiere aprender sobre todas las personalizaciones de campo que son posibles en WPForms? Vea nuestra guía completa de opciones de campo para más consejos.
Editar la etiqueta y la descripción del campo
Las primeras opciones de campo a tener en cuenta son la Etiqueta y la Descripción.
Cambiar la etiqueta de campo
Por defecto, la etiqueta del campo será "Casillas de verificación". Sin embargo, puede cambiar fácilmente este texto por el que desee introduciendo su propia etiqueta personalizada en el panel Opciones de campo.
Añadir una descripción
Las descripciones de campo son útiles para proporcionar información a sus usuarios, como instrucciones para realizar sus selecciones en su campo Casillas de verificación.
Para añadir una descripción, basta con escribirla en el campo correspondiente del panel Opciones de campo.
Nota: ¿Quiere conocer otras formas de incorporar texto en sus formularios? Echa un vistazo a nuestro tutorial sobre la adición de texto extra en WPForms.
Editar, añadir y eliminar opciones
Una de las principales características del campo Casillas de verificación es que permite a los usuarios seleccionar varias opciones. A continuación te explicamos cómo personalizar las opciones que presentas en tus formularios.
Edición de casillas de verificación
Para editar la etiqueta de una casilla de verificación, escriba el texto que desee en el campo correspondiente.
Puede preseleccionar cualquier opción haciendo clic en la casilla situada a la izquierda de su etiqueta.
Nota: Para más detalles sobre la preselección de casillas de verificación, consulte nuestro tutorial sobre la configuración de valores predeterminados para los campos en WPForms.
Si desea reordenar sus opciones de Casillas de verificación, sólo tiene que arrastrar y soltar los elementos en el orden en que desea que aparezcan.
Añadir y eliminar casillas de verificación Opciones
Para añadir más opciones a su campo Casillas de verificación, haga clic en el botón azul más (+) situado junto a cualquier opción existente.
La nueva opción se añadirá inmediatamente debajo de aquella cuyo botón más (+) ha pulsado.
Nota: ¿Quiere aprender a configurar una casilla de verificación "Otro" que muestre un campo de texto cuando se seleccione? Echa un vistazo a nuestro tutorial sobre cómo lograr esto con la lógica condicional.
Puede añadir varias opciones a la vez haciendo clic en Añadir en bloque.
Introduzca cada nueva opción que desee incluir en su propia línea y, a continuación, haga clic en Añadir nuevas opciones.
Sus nuevas opciones se añadirán al final de la lista de elementos existente.
Nota: ¿Necesita más ayuda para añadir opciones a su campo Casillas de verificación? Consulte nuestro tutorial sobre la adición masiva de opciones a los campos de selección.
Si desea eliminar una opción de su campo Casillas de verificación, haga clic en el botón rojo menos (-) situado junto a ella en el panel Opciones de campo.
Nota: ¿Desea que su campo Casillas de verificación tenga una apariencia similar a la de un botón? Nuestra documentación para desarrolladores ofrece una guía para transformar este campo con CSS.
Uso de las opciones de imagen
Si lo desea, puede añadir imágenes a cada una de las opciones de su campo Casillas de verificación. Para ello, active la opción Utilizar opciones de imagen.
Esto mostrará un botón Cargar imagen para cada opción en su campo Casillas de verificación. Haga clic en el botón para seleccionar una imagen para esa opción desde la biblioteca multimedia de su sitio o desde su ordenador.
Nota: Las opciones de imagen no se recortan ni se redimensionan cuando se añaden al formulario. Para obtener el mejor aspecto, utilice imágenes de 250 píxeles cuadrados o menos y asegúrese de que todas las imágenes tengan el mismo tamaño.
Una vez elegido un archivo de imagen, aparecerá una vista previa del mismo en el panel Opciones de campo.
Nota: ¿Quiere más detalles sobre cómo usar las opciones de imagen en WPForms? Vea nuestra guía completa de esta característica para aprender más.
Uso de las opciones de iconos
El campo Casillas de verificación también le permite añadir iconos a sus opciones. Para activar esta función, active la opción Utilizar opciones de icono.
Una vez que haya habilitado las opciones de iconos, verá iconos predeterminados añadidos a cada opción en su campo Casillas de verificación. Cuando esté listo, haga clic en uno de los iconos predeterminados para sustituirlo por el icono que prefiera.
A continuación, aparecerá el selector de iconos, donde podrás examinar y buscar más de 2.000 iconos. Cuando encuentres un icono que te guste, haz clic en él para añadirlo a tu formulario.
Después de seleccionar un icono del selector de iconos, aparecerá en el constructor de formularios.
Nota: ¿Quieres saber más sobre la elección de iconos? Para más información, consulta nuestra guía paso a paso sobre el uso de las opciones de iconos.
Generación de opciones con WPForms AI
También puede agregar opciones a su campo Checkboxes usando WPForms AI. Esta característica le permite generar rápidamente opciones relevantes basadas en su pregunta. Para usar WPForms AI, simplemente haga clic en el botón Generar Opciones debajo de la sección Opciones.
Nota: Para aprender más sobre la generación de opciones con WPForms AI, asegúrese de revisar nuestro tutorial sobre el uso de AI Choices.
Exigir el campo
Si desea asegurarse de que los usuarios rellenan el campo Casillas de verificación antes de enviar el formulario, deberá marcarlo como obligatorio.
Sólo tiene que activar la opción Obligatorio en la parte inferior de las opciones generales de campo.
En el frontend, los usuarios verán un mensaje que dice "Este campo es obligatorio" si intentan enviar su formulario sin hacer una selección en su campo Casillas de verificación.
Nota: ¿Desea personalizar el texto que verán los usuarios si omiten un campo obligatorio en sus formularios? Consulta nuestro tutorial sobre cómo cambiar los mensajes de validación.
Elección aleatoria
Hacer que las opciones de las casillas de verificación aparezcan en un orden aleatorio cada vez que se carga el formulario puede evitar el sesgo de orden en las entradas.
Para aleatorizar las opciones de las Casillas de verificación, haga clic en la pestaña Avanzadas del panel Opciones de campo.
A continuación, active la opción Aleatorizar opciones.
Nota: Para más detalles, vea nuestro tutorial completo sobre cómo aleatorizar opciones para Casillas de Verificación y Campos de Opción Múltiple.
Visualización de casillas de verificación en un diseño de varias columnas
Si su campo Casillas de verificación incluye muchas opciones, puede ser útil organizarlas en un diseño de varias columnas para que ocupen menos espacio.
Utilizando el menú desplegable Diseño de elección, puede organizar sus casillas de verificación en 1, 2 ó 3 columnas.
O puede elegir la opción En línea para mostrar todas las opciones en una fila. Si tiene más opciones de las que caben en una sola fila, se mostrarán en una nueva fila, como se muestra a continuación.
Nota: Consulte nuestro tutorial sobre la creación de diseños de varias columnas para campos Casilla de verificación para obtener más detalles.
Limitación de la selección de casillas de verificación
Por defecto, el campo Casillas de verificación permite a los usuarios seleccionar tantas opciones como deseen. Si desea limitar el número de opciones que pueden seleccionar los usuarios, puede introducir un número en el campo Límite de opciones de las opciones avanzadas de campo.
Nota: Consulte nuestro tutorial sobre cómo limitar las selecciones de Casillas de verificación para obtener más información sobre esta opción de campo.
Uso de casillas de verificación Opciones dinámicas
Los campos de casilla de verificación pueden utilizar datos de su sitio, como taxonomías o títulos de entradas, para rellenar dinámicamente sus opciones.
Para activar esta opción, seleccione Tipo de entrada o Taxonomía en el menú desplegable Opciones dinámicas.
Nota: ¿Busca más orientación sobre cómo configurar sus opciones dinámicas? Vea nuestro tutorial paso a paso sobre cómo utilizar valores dinámicos en WPForms para todos los detalles.
Ocultar la etiqueta de campo
Por último, si desea ocultar la etiqueta del campo Casillas de verificación en el frontend, active la opción Ocultar etiqueta en la pestaña Avanzado del panel Opciones de campo.
Nota: Aunque oculte la etiqueta de un campo en el frontend, le recomendamos que incluya una etiqueta para él en sus opciones generales de campo. Esto te ayudará a identificar el campo en las entradas de tu formulario.
Activar la visualización de la cláusula de exención de responsabilidad o de las condiciones del servicio
Dado que muchos formularios piden a los usuarios que verifiquen que han leído las Condiciones del servicio o que aceptan un descargo de responsabilidad, WPForms le permite añadir fácilmente una casilla de verificación para que los usuarios hagan clic para hacerlo.
Para activar esta función, active la opción Activar Aviso Legal / Términos de Servicio.
Utilice el campo Descripción en las opciones de campo generales para enumerar sus términos o compartir su descargo de responsabilidad. A continuación, añada una única opción etiquetada con algo como "Acepto los términos y condiciones" o "Reconozco el descargo de responsabilidad que aparece a continuación".
En el frontend, el texto de la descripción del campo aparecerá en un recuadro blanco debajo de la casilla de verificación única.
Nota: Para obtener más información sobre cómo configurar una casilla de verificación de Condiciones de servicio o Renuncia de responsabilidad, consulte nuestro tutorial completo sobre esta función.
Preguntas frecuentes
Estas son las respuestas a algunas de las preguntas más frecuentes que recibimos sobre el campo Casillas de verificación.
¿Cómo puedo mostrar datos dinámicos en las etiquetas de mis casillas de verificación?
Puede incluir datos dinámicos en las etiquetas de casillas de verificación utilizando Smart Tags. Esto requiere un fragmento de PHP para permitir el procesamiento de Smart Tags directamente en las etiquetas de casilla de verificación. Para obtener instrucciones paso a paso sobre cómo implementarlo, consulte nuestra documentación para desarrolladores.
¿Cómo puedo establecer un número mínimo de opciones para un campo Checkboxes en WPForms?
Para imponer un número mínimo de selecciones en un campo de casilla de verificación, puede utilizar un fragmento de JavaScript. Esto le permite especificar un número mínimo de opciones que los usuarios deben seleccionar antes de enviar el formulario, lo que resulta especialmente útil para encuestas o formularios en los que se requiere un nivel mínimo de compromiso.
Para obtener instrucciones paso a paso sobre la aplicación de esta función, consulte nuestra documentación para desarrolladores.
Ya está. Ahora conoce todas las opciones disponibles para el campo Checkboxes en WPForms.
A continuación, ¿le gustaría mostrar u ocultar otros campos en su formulario basado en las selecciones de los usuarios de su campo Casillas de verificación? Asegúrese de leer sobre el uso de la lógica condicional inteligente en WPForms.