header-logo
Primeros pasosAprende cómo puedes usar Wix para construir tu sitio web y potenciar tu negocio. Personaliza tu sitio o contrata a un profesional para crear o mejorar tu presencia online.
Crear tu sitioAprende a utilizar el Editor de Wix y a gestionar el contenido de tu sitio. Descubre cómo proteger la privacidad de tus visitantes y hacer que tu sitio sea accesible.
Cuenta y facturaciónRevisa la configuración de tu cuenta, gestiona tus suscripciones y planes Premium y comprende tus facturas.
Usar las apps móviles de WixUtiliza la aplicación Wix para gestionar tu negocio de manera eficiente, interactuar con tus visitantes y construir una comunidad.
Conectar un dominioComprende cómo comprar, conectar o transferir un dominio y cómo mantener seguros los datos de tu sitio.
Administrar tu negocioEncuentra las herramientas adecuadas para construir y hacer crecer tu negocio: acepta pagos, revisa las analíticas, contacta con los visitantes y mucho más.
Promocionar tu sitioAprende cómo promocionar tu sitio en los motores de búsqueda, enviar campañas de email y ejecutar anuncios pagados.
Wix Studio, Partners y EnterpriseAprovecha al máximo tu cuenta de Wix Studio, de Partner o de Enterprise para poder escalar tu negocio.
Obtener ayudaObtén más información sobre cómo resolver problemas de rendimiento y cuestiones técnicas en tu sitio. Mantente al tanto de las próximas funciones a través de nuestra hoja de ruta.
placeholder-preview-image
Wix LearnMejora tus habilidades con nuestros cursos y tutoriales.
Blog de WixObtén consejos para diseño web, marketing y mucho más.
Guía de SEOMejora el tráfico orgánico en buscadores.
Website developmentCrea un sitio con nuestra plataforma full-stack.
Contrata a un profesionalVincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image
En este artículo
  • Paso 1 | Agrega elementos de entrada configurados para filtrar contenido
  • Paso 2 | Conecta los elementos de entrada al CMS
  • Condiciones de filtros avanzados
  • (Opcional) Paso 3 | Agrega un botón para aplicar los filtros
  • (Opcional) Paso 4 | Agrega un botón de reinicio
  • Preguntas frecuentes
  1. Inicio
  2. Crear tu sitio
  3. Funciones avanzadas
  4. CMS
  5. Conectar elementos de entrada del usuario al CMS
  6. CMS: usar elementos de entrada para permitir que los visitantes filtren contenido

CMS: usar elementos de entrada para permitir que los visitantes filtren contenido

En este artículo
  • Paso 1 | Agrega elementos de entrada configurados para filtrar contenido
  • Paso 2 | Conecta los elementos de entrada al CMS
  • Condiciones de filtros avanzados
  • (Opcional) Paso 3 | Agrega un botón para aplicar los filtros
  • (Opcional) Paso 4 | Agrega un botón de reinicio
  • Preguntas frecuentes
Usa elementos de entrada, como menús desplegables o botones de radio, para que los visitantes del sitio puedan filtrar el contenido que aparece en los repetidores, las galerías y las tablas. Este artículo te guiará a través del proceso de conexión de elementos de entrada a un conjunto de datos que conecta tu colección del CMS (Sistema de gestión de contenido) al contenido del sitio online. 

Cada elemento de entrada se conecta a un campo de colección específico para mostrar los valores únicos del campo como opciones de filtro. Cuando los visitantes seleccionan una opción de filtro, solo aparecen en el repetidor, la galería o la tabla conectados los ítems con un valor de campo coincidente. Como alternativa, puedes agregar un filtro condicional que cambie el comportamiento del filtro. Por ejemplo, puedes agregar la condición "No es/no está" para crear un filtro que muestre los ítems que no coinciden con la selección del visitante. 

De forma predeterminada, cuando los visitantes seleccionan un filtro, el contenido cambia de inmediato. Sin embargo, puedes agregar un botón de "aplicar filtro" si deseas que los filtros de los visitantes se apliquen solo después de hacer clic en un botón separado. También puedes agregar un botón de reinicio en el que los visitantes pueden hacer clic para borrar instantáneamente todos los filtros que hayan configurado.
Antes de comenzar:

Paso 1 | Agrega elementos de entrada configurados para filtrar contenido

Ve a la página del editor donde quieres que los visitantes filtren el contenido que aparece en un repetidor, una galería o una tabla. Luego, agrega los elementos de entrada que deseas que los visitantes usen para filtrar el contenido. Si agregas varios elementos de entrada, puedes configurar cada uno de ellos para filtrar un campo de colección diferente. 

Puedes elegir entre los siguientes elementos de entrada que permiten el filtrado: Botones de radio, Casillas de verificación, Menús desplegables, Etiquetas de selección o Controles deslizantes (solo deslizadores de rango). Ten en cuenta que cada elemento de entrada tiene limitaciones en cuanto a los tipos de campo que puede filtrar. 
  1. Ve al editor.
  2. Ve a la página donde se encuentra el repetidor, la galería o la tabla que deseas que los visitantes filtren. 
  3. Haz clic en Agregar elementos  a la izquierda del editor.
  4. Haz clic en Elementos de entrada.
  5. En Selección, haz clic en el tipo de elemento de entrada que deseas que los visitantes usen para filtrar el contenido. Elige entre los siguientes elementos que permiten el filtrado: botones de radio, casillas de verificación múltiple, menús desplegables, etiquetas de selección o controles deslizantes (deslizadores de rango). 
  6. Haz clic en el elemento de entrada correspondiente y arrástralo a la página. 
Captura de pantalla de cómo agregar el elemento desplegable en el editor.
  1. (Opcional) Repite los pasos 3-6 anteriores para agregar más elementos de entrada que los visitantes usarán para filtrar el contenido. 

Paso 2 | Conecta los elementos de entrada al CMS

Conecta cada elemento de entrada al mismo conjunto de datos que se conecta al repetidor, la galería o la tabla. Luego, elige qué campo de la colección filtrará cada elemento de entrada. Los elementos de entrada mostrarán cada valor único del campo de la colección conectado. Cuando un visitante hace una selección en el elemento de entrada, el repetidor, la galería o la tabla muestran solo los ítems que coinciden con el campo seleccionado. 

También puedes añadir un filtrado condicional que se aplique al filtro. Por ejemplo, agrega las opciones "No es/está", "No es igual a" o "No contiene" para crear un filtro que muestre los ítems que no coinciden con el campo que selecciona el visitante. Cuando agregas una condición al filtro, el título del campo y el texto del marcador de posición en el elemento de entrada se ajustan automáticamente para que los visitantes sepan lo que hace el filtro (por ejemplo, "Excluir por campo").  
Cómo afectan los filtros y las clasificaciones de los conjuntos de datos a los elementos de entrada:

Los elementos de entrada se conectan a un conjunto de datos que recupera contenido de sus campos de colección conectados. Si agregas filtros al conjunto de datos para excluir ítems, los ítems excluidos y el contenido de sus campos no se pasan a los elementos de entrada. Esto significa que los elementos de entrada solo mostrarán valores de campo únicos de los ítems incluidos en el conjunto de datos.

Las condiciones de clasificación funcionan de manera diferente: las opciones en los elementos de entrada configuradas para filtrar contenido siempre aparecen en orden alfabético (A-Z), sin importar qué ordenes agregues al conjunto de datos. Vota por la posibilidad de ordenar estas opciones.

  1. En el editor, haz clic en el elemento de entrada que acabas de agregar. 
  2. Haz clic en el icono Conectar a CMS . 
  3. Haz clic en Filtrar contenido. 
Captura de pantalla de la selección de la opción Filtrar contenido al conectar un elemento de entrada al CMS.
  1. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona el mismo conjunto de datos que está conectado al repetidor, la galería o la tabla que deseas que filtren los visitantes. 
  2. Haz clic en el menú desplegable Filtrar el contenido por y elige qué campo de colección usarán los visitantes para filtrar el contenido que se muestra. 
  3. (Opcional) Agrega una condición que afecte al funcionamiento del filtro:
    1. Haz clic en Filtros avanzados. 
    2. Haz clic en el menú desplegable Condición y elige un operador que controle cómo se aplica el filtro (por ejemplo, No es/está, No es igual a, No contiene).
      Nota: Las condiciones varían según el tipo de elemento de entrada y el tipo de campo conectado. Consulta las condiciones de filtrado avanzado para cada elemento de entrada a continuación para obtener más detalles. 
Captura de pantalla de las opciones de conexión del CMS para un elemento de entrada desplegable configurado para filtrar contenido.
  1. Repite estos pasos para cada elemento de entrada que quieras que los visitantes utilicen para filtrar contenido. 
  2. Haz clic en Vista previa para probar el uso de los elementos de entrada como filtros.
  3. Haz clic en Publicar si quieres publicar los cambios. 

Condiciones de filtros avanzados

Haz clic a continuación para ver las condiciones de filtros avanzados disponibles para cada elemento de entrada:
Captura de pantalla de la condición de filtros avanzados para un deslizador de rango configurado para filtrar contenido.

(Opcional) Paso 3 | Agrega un botón para aplicar los filtros

Si solo quieres que se apliquen los filtros que seleccionan los visitantes después de hacer clic en un botón separado, puedes crear un botón para aplicar filtros. Cuando los visitantes hacen clic en este botón, se aplican todos los filtros de elementos de entrada que seleccionaron. Sin él, los filtros se aplican en cuanto los visitantes los seleccionan de cada elemento de entrada. 

  1. Haz clic en Agregar elementos  a la izquierda del editor.

  2. Haz clic en Botones.

  3. Haz clic en el botón que deseas usar para aplicar los filtros y arrástralo a la página. Puedes usar cualquiera de los siguientes tipos de botones: Botones temáticos, Botones con texto e iconos, Botones con iconos o Botones de imagen.
    Consejo: Como alternativa, puedes agregar una imagen y usarla como botón para aplicar filtros. 

  4. Haz clic en Cambiar texto e ingresa el texto que deseas mostrar en el botón (por ejemplo, "Aplicar filtros"). 

  5. Haz clic en el icono Conectar a CMS .

  6. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona el mismo conjunto de datos que se conecta al repetidor, la galería o la tabla. 

  7. Haz clic en el menú desplegable La acción del clic conecta a y selecciona Aplicar filtros. 

  1. Haz clic en el botón y selecciona el icono Diseño  para personalizar la apariencia del botón para aplicar filtros.
  2. Haz clic en Vista previa para probar tu botón para aplicar filtros.
  3. Haz clic en Publicar si quieres publicar los cambios. 

(Opcional) Paso 4 | Agrega un botón de reinicio

Puedes crear un botón de reinicio en el que los visitantes hagan clic para restablecer todos los filtros de elementos de entrada que hayan seleccionado. Esto proporciona una manera fácil para que los visitantes comiencen nuevamente y filtren el contenido sin tener que actualizar la página. 

  1. Haz clic en Agregar elementos  a la izquierda del editor.

  2. Haz clic en Botones.

  3. Haz clic en el botón que deseas usar como botón de reinicio y arrástralo a la página. Puedes usar cualquiera de los siguientes tipos de botones: Botones temáticos, Botones con texto e iconos, Botones con iconos o Botones de imagen.
    Consejo: Como alternativa, puedes agregar una imagen y usarla como botón de reinicio. 

  4. Haz clic en Cambiar texto e ingresa el texto que deseas mostrar en el botón (por ejemplo, "Restablecer filtros"). 

  5. Haz clic en el icono Conectar a CMS .

  6. Haz clic en el menú desplegable Elige un conjunto de datos y selecciona el mismo conjunto de datos que se conecta al repetidor, la galería o la tabla. 

  7. Haz clic en el menú desplegable La acción del clic conecta a y selecciona Restablecer valores de entrada. 

Captura de pantalla de la selección de restablecer los valores de entrada
  1. Haz clic en el botón y selecciona el icono Diseño  para personalizar la apariencia del botón de reinicio.
  2. Haz clic en Vista previa para probar el botón de reinicio.
  3. Haz clic en Publicar si quieres publicar los cambios. 

Preguntas frecuentes

Haz clic a continuación para obtener respuestas a las preguntas más comunes sobre el uso de elementos de entrada para filtrar contenido. 

¿Te ha sido útil?

|

Helpmate

Hola

¿Necesitas más ayuda?
Unlock personalized helpLog in to get the most out of Helpmate.