CMS: configurar el elemento de entrada Botones de radio

20 min de lectura
El elemento de entrada Botones de radio te permite crear formularios o filtros interactivos y fáciles de usar en tu sitio web. Puedes usarlo para filtrar el contenido del CMS que se muestra en repetidores, galerías o tablas, de modo que los visitantes puedan encontrar fácilmente lo que están buscando. O bien, usa botones de radio para recopilar respuestas específicas de los visitantes, como respuestas a encuestas o preferencias de productos, lo que te ayudará a recabar datos valiosos.

Usar botones de radio para filtrar contenido en tu sitio online

Conecta el elemento de entrada Botones de radio al mismo conjunto de datos que el repetidor, la galería o la tabla, y configúralo para filtrar contenido. Luego, elige el campo de la colección que deseas usar como filtro y la condición para aplicar el filtro. Los valores del campo aparecerán como botones de radio en los que los visitantes pueden hacer clic para filtrar los ítems que se muestran en el repetidor, la galería o la tabla. 
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Agrega el elemento de entrada Botones de radio: 
    1. Ve a la página donde quieres que los visitantes usen botones de radio para filtrar el contenido del sitio online.
    2. Haz clic en Agregar elementos  a la izquierda del editor.
    3. Haz clic en Elementos de entrada.
    4. Haz clic en Botones radio
    5. Haz clic en el elemento de entrada Botones radio correspondiente y arrástralo a la página. 
Captura de pantalla que muestra cómo agregar el elemento de entrada Botones radio en el Editor de Wix.
  1. Conecta el elemento Botones de radio al CMS:
    1. Haz clic en el icono Conectar a CMS  en el elemento Botones de radio. 
    2. Selecciona Filtrar contenido en el panel Conectar 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 de la colección que usarán los visitantes para filtrar el contenido. Puedes conectar los siguientes tipos de campo: Texto, Número, Etiquetas, Referencia.
      Consejo: Para agregar un nuevo campo a la colección y usarlo para filtrar contenido, selecciona Agregar nuevo campo, ingresa el nombre del campo, selecciona el tipo de 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 que controle cómo se aplica el filtro (por ejemplo, Es/está, Es igual a, Incluye).
      Nota: Las condiciones varían según el tipo de campo conectado. 
Captura de pantalla que muestra cómo se conecta un elemento de botón de radio a un conjunto de datos para filtrar contenido.
  1. Personaliza el elemento de entrada Botones de radio: 
    • Haz clic en el icono Ajustes  para editar el título del campo que permite que los visitantes sepan qué hacen los botones de radio. 
    • Haz clic en el icono Estilo  para elegir una orientación horizontal o ajustar el tamaño, el espacio, el formato, la alineación o la dirección del texto. 
    • 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 que muestra cómo ajustar el estilo de los botones de radio.
  1. Haz clic en Vista previa para probar el elemento Botones de radio.
  2. Haz clic en Publicar si está todo listo para publicar los cambios. 

Usar botones de radio para recopilar respuestas de los visitantes del sitio

Configura el elemento de entrada Botones de radio para recopilar contenido. Luego, conéctalo a un conjunto de datos que enlace a una colección en la que almacenarás las respuestas. Configura las opciones que los visitantes pueden seleccionar en los botones de radio. Cuando los visitantes hacen clic en el botón de envío, su respuesta se guarda en el campo de colección conectado. 
Editor de Wix
Editor de Wix Studio
  1. Ve al editor.
  2. Agrega el elemento de entrada Botones de radio: 
    1. Ve a la página en la que deseas que los visitantes hagan clic en los botones de radio para enviar respuestas. 
    2. Haz clic en Agregar elementos  a la izquierda del editor.
    3. Haz clic en Elementos de entrada.
    4. Haz clic en Botones radio
    5. Haz clic en el elemento de entrada Botones radio correspondiente y arrástralo a la página. 
Captura de pantalla que muestra cómo agregar el elemento de entrada Botones radio en el Editor de Wix.
  1. Conecta el elemento Botones de radio a la colección del CMS donde almacenarás los envíos:
    1. Haz clic en el icono Conectar a CMS  en el elemento Botones de radio. 
    2. Selecciona Recopilar contenido en el panel Conectar 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 El valor se conecta a y elige el campo que almacenará los envíos. Puedes conectar los siguientes tipos de campo: Texto, Número, URL, Fecha, Fecha y hora.
      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 o Lectura y 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 Botones radio en la parte superior del panel Ajustes de conjunto de datos
Captura de pantalla de los ajustes del conjunto de datos para un elemento de botón de radio conectado que se configuró para recopilar contenido.
  1. Haz clic en Administrar opciones y elige cómo deseas configurar las opciones que aparecen como botones de radio:
    • Agregar o eliminar opciones en bloque: haz clic en Agregar opciones múltiples e ingresa todas las opciones separadas por una coma. Luego haz clic en el icono Volver  para volver a las opciones.  
    • Agregar una opción: haz clic en + Agregar una opción y luego usa las opciones para personalizarla. 
    • Editar una etiqueta de opción: la etiqueta es el texto que ven los visitantes junto al botón de radio de la opción. Haz doble clic en la opción correspondiente para editar su etiqueta. 
    • Edita el valor de una opción: (solo Velo) el valor es el texto que se guarda en el campo de la colección cuando los visitantes envían su respuesta. Pasa el cursor sobre la opción correspondiente, haz clic en el icono Más acciones  y selecciona Editar valor
    • Eliminar una opción: pasa el cursor sobre la opción correspondiente, haz clic en el icono Más acciones y selecciona Eliminar
    • Reordenar opciones: haz clic en el icono Reordenar  junto a la opción correspondiente y arrástrala hacia arriba o hacia abajo en la lista de opciones. 
    • Establecer una opción como seleccionada de forma predeterminada: pasa el cursor sobre la opción correspondiente, haz clic en el icono Más acciones y selecciona Establecer por defecto.
    • Duplicar una opción: pasa el cursor sobre la opción correspondiente, haz clic en el icono Más acciones y selecciona Duplicar.
Captura de pantalla que muestra cómo administrar las opciones que aparecen junto a los botones de radio.
  1. Personaliza el estilo y el diseño de los ajustes del elemento Botones de radio: 
    • Haz clic en el icono Ajustes  para editar lo siguiente: 
      • Título del campo: edita el texto del título que permite que los visitantes sepan qué hacen los botones de radio. 
      • Selección predeterminada: elige qué botón de radio se selecciona de forma predeterminada: 
        • Ninguno: ninguno de los botones de radio está preseleccionado. 
        • Botón de radio seleccionado: elige qué opción de botón de radio aparece preseleccionada de forma predeterminada. 
      • Tipo de campo: selecciona la casilla de verificación Obligatorio para que sea obligatorio seleccionar, al menos, un botón de radio antes de que la respuesta se pueda enviar a la colección. 
    • Haz clic en el icono Estilo  para elegir una orientación horizontal o ajustar el tamaño, el espacio, el formato, la alineación o la dirección del texto. 
    • 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 Botones de radio.
  1. Agrega un botón de envío en el que los visitantes hagan clic para realizar el envío. 
  2. Haz clic en Vista previa para probar tus conexiones. 
  3. Haz clic en Publicar si está todo listo para publicar los cambios. 

Preguntas frecuentes

Haz clic a continuación para obtener respuestas a las preguntas más frecuentes sobre los botones de radio. 

¿Te ha sido útil?

|