Centro de Ayuda Wix
  1. Inicio
  2. Crear tu sitio
  3. Funciones avanzadas
  4. CMS
  5. Conectar elementos de entrada del usuario al CMS
  6. CMS: configurar un elemento de entrada de casilla de verificación

CMS: configurar un elemento de entrada de casilla de verificación

16 min de lectura

Ofrece a los visitantes una manera de filtrar los ítems del sitio online por un campo de colección booleano (verdadero o falso) o envía respuestas binarias con el elemento de entrada Casilla de verificación. 

Por ejemplo, puedes configurar la casilla de verificación para filtrar un campo booleano "disponible", de modo que los visitantes puedan hacer clic para ver solo los ítems que están disponibles en un repetidor o una galería. O bien, puedes configurar la casilla de verificación para recopilar respuestas y usarla para permitir que los visitantes se suscriban a tu boletín informativo. 
Consejo:
Este artículo trata sobre cómo configurar el elemento de entrada Casilla de verificación única. De manera alternativa, puedes usar un elemento de entrada Casilla de verificación múltiple para permitir que los visitantes filtren o envíen opciones múltiples. 

Usar el elemento de entrada Casilla de verificación para filtrar contenido en tu sitio online

Conecta el elemento de entrada Casilla de verificación al mismo conjunto de datos que el repetidor o la galería para filtrar contenido. Elige el campo booleano (verdadero o falso) que filtrará la casilla de verificación y establece la condición (marcada o desmarcada). Cuando los visitantes hagan clic en la casilla de verificación, el repetidor o la galería mostrarán los ítems sobre la base del valor del campo booleano según la condición seleccionada.
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Agrega el elemento de entrada Casilla de verificación: 
    1. Ve a la página o sección donde deseas que los visitantes filtren el contenido por un valor booleano. 
    2. Haz clic en Agregar elementos  a la izquierda del editor.
    3. Haz clic en Elementos de entrada.
    4. Haz clic en Casillas. 
    5. Desplázate hacia abajo hasta Casilla de verificación. 
    6. Haz clic en el elemento de entrada Casilla de verificación correspondiente y arrástralo a la página. 
Captura de pantalla que muestra cómo agregar un elemento de entrada de casilla de verificación en el Editor de Wix.
  1. Conecta el elemento Casilla de verificación al CMS:
    1. Haz clic en el icono Conectar a CMS  en el elemento Casilla de verificación. 
    2. Selecciona Filtrar contenido en el panel Conectar casilla de verificación a la derecha. 
      Consejo: Si aún no has agregado un conjunto de datos a la página, añade un conjunto de datos primero (consulta el siguiente paso) y luego selecciona Filtrar contenido. 
    3. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona el mismo conjunto de datos que se conecta a los elementos (por ejemplo, repetidor, galería, tabla) que deseas que filtren los visitantes. 
    4. Haz clic en el menú desplegable Filtrar contenido por y elige el campo booleano que los visitantes usarán para filtrar el contenido.
      Consejo: Para agregar un nuevo campo a la colección y usarlo para filtrar contenido, selecciona Agregar nuevo campo, luego ingresa el nombre del campo y haz clic en Agregar. Puedes agregar valores al campo en tu colección del CMS más tarde. 
    5. Haz clic en el menú desplegable Condición y elige un operador:
      • Seleccionado(s): muestra los ítems que tienen su campo booleano marcado (establecido en Verdadero). 
      • No seleccionado(s): muestra los ítems cuyo campo booleano no está marcado (establecido en Falso). 
Captura de pantalla de las opciones de conexión del CMS para el elemento Casilla de verificación.
  1. Personaliza el elemento de entrada Casilla de verificación: 
    • Haz clic en el icono Ajustes  para editar lo siguiente: 
      • Casilla de verificación de texto: edita el texto que se muestra junto a la casilla de verificación y permite a los visitantes saber qué hace la casilla de verificación. 
      • Valor: (solo Velo) ingresa la propiedad de valor del componente utilizada en el código JavaScript.
      • Tipo de campo: omite los ajustes Obligatorio y Marcada por defecto, que solo son relevantes si configuras la casilla de verificación para recopilar contenido.
      • Link Settings (Ajustes del enlace): activa la palanca para agregar texto enlazado junto al texto de la casilla de verificación. Ingresa el Texto del enlace y establece el destino del enlace. 
    • Haz clic en el icono Estilo  para establecer el tamaño, el espaciado y la alineación de la casilla de verificación. 
    • Haz clic en el icono Diseño  para elegir un diseño preestablecido y personalizarlo aún más. 
    • Haz clic en el icono Animación  para elegir y personalizar un efecto de animación. 
Captura de pantalla de los ajustes del elemento de entrada Casilla de verificación.
  1. Haz clic en Vista previa para probar el elemento Casilla de verificación.
  2. Haz clic en Publicar si está todo listo para publicar los cambios. 

Usar el elemento de entrada Casilla de verificación para recopilar respuestas de los visitantes del sitio

Configura el elemento de entrada Casilla de verificación para recopilar contenido y conéctalo a un conjunto de datos que se enlace a una colección donde almacenarás las respuestas. Cuando los visitantes hacen clic en el botón de envío, su respuesta se guarda en un campo booleano (verdadero o falso) de tu colección. 
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Agrega el elemento de entrada Casilla de verificación: 
    1. Ve a la página o la sección donde deseas que los visitantes usen el elemento Casilla de verificación. 
    2. Haz clic en Agregar elementos  a la izquierda del editor.
    3. Haz clic en Elementos de entrada.
    4. Haz clic en Casillas. 
    5. Desplázate hacia abajo hasta Casilla de verificación. 
    6. Haz clic en el elemento de entrada Casilla de verificación correspondiente y arrástralo a la página. 
Captura de pantalla que muestra cómo agregar un elemento de entrada de casilla de verificación en el Editor de Wix.
  1. Conecta el elemento Casilla de verificación a la colección del CMS donde almacenarás los envíos:
    1. Haz clic en el icono Conectar a CMS  en el elemento Casilla de verificación. 
    2. Selecciona Recopilar contenido en el panel Conectar casilla de verificación a la derecha. 
      Consejo: Si aún no has agregado un conjunto de datos a la página, añade un conjunto de datos primero (consulta el siguiente paso) y luego selecciona Recopilar contenido. 
    3. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona un conjunto de datos que se conecte a la colección donde almacenarás los envíos.
    4. Haz clic en el menú desplegable Estado de la casilla conecta a y elige el campo booleano en el que almacenarás los envíos.
      Consejo: Para agregar un nuevo campo para almacenar los envíos, selecciona Agregar nuevo campo, luego ingresa el nombre del campo y haz clic en Agregar. 
    5. Configura el modo del conjunto de datos y los permisos de la colección:
      1. Haz clic en Ajustes del conjunto de datos. 
      2. Haz clic en el menú desplegable Modo del conjunto de datos y selecciona Escritura.
      3. (Si es necesario) Haz clic en el tipo de permiso junto a Permisos de la colección y selecciona Formularios enviados en el primer menú desplegable. Puedes hacer clic en los menús desplegables adicionales para restringir los permisos. Haz clic en Guardar una vez que hayas terminado de configurar los permisos. 
      4. Haz clic en Volver al elemento Casilla de verificación en la parte superior del panel Ajustes del conjunto de datos. 
Captura de pantalla que muestra cómo configurar los permisos de la colección y el modo del conjunto de datos en el Editor de Wix.
  1. Personaliza el elemento de entrada Casilla de verificación: 
    • Haz clic en el icono Ajustes  para editar lo siguiente: 
      • Casilla de verificación de texto: edita el texto que se muestra junto a la casilla de verificación y permite a los visitantes saber qué hace la casilla de verificación. 
      • Valor: (solo Velo) ingresa la propiedad de valor del componente utilizada en el código JavaScript.
      • Tipo de campo: selecciona las opciones correspondientes:
        • Obligatorio: haz que sea obligatorio que los visitantes marquen la casilla antes de poder realizar el envío. 
        • Marcada por defecto: haz que la casilla de verificación se seleccione automáticamente cuando se carga la página. 
      • Link Settings (Ajustes del enlace): activa la palanca para agregar texto enlazado junto al texto de la casilla de verificación. Ingresa el Texto del enlace (por ejemplo, "Términos y condiciones") y establece el destino del enlace. 
    • Haz clic en el icono Estilo  para establecer el tamaño, el espaciado y la alineación de la casilla de verificación. 
    • Haz clic en el icono Diseño  para elegir un diseño preestablecido y personalizarlo aún más. 
    • Haz clic en el icono Animación  para elegir y personalizar un efecto de animación. 
Captura de pantalla de los ajustes utilizados para un elemento de entrada de casilla de verificación.
  1. Agrega un botón de envío en el que los visitantes hagan clic para realizar el envío. 
Captura de pantalla que muestra cómo agregar un botón de envío.
  1. Haz clic en Vista previa para probar tus conexiones. 
  2. Haz clic en Publicar si está todo listo para publicar los cambios. 

Preguntas frecuentes

Haz clic en una de las siguientes preguntas para obtener más información sobre el elemento de entrada Casilla de verificación.

¿Te ha sido útil?

|
En este artículo
  • Usar el elemento de entrada Casilla de verificación para filtrar contenido en tu sitio online
  • Usar el elemento de entrada Casilla de verificación para recopilar respuestas de los visitantes del sitio
  • Preguntas frecuentes

¿Te ha sido útil?

|