Built on WIX Headless

Tutoriales / tutorial

Cómo añadir search and filters a visualizaciones Wix CMS

· resumen search filters Wix CMS

Cómo añadir search and filters a visualizaciones Wix CMS

La búsqueda y los filtros de visitante mantienen usables las listas CMS grandes: escribe un nombre, elige una categoría, acota por precio o fecha. Esta página es el mapa—qué es posible, qué widgets lo soportan y qué tutorial enfocado abrir después.

Funciona en Editor, Studio y Harmony. CMS for Harmony corre en los tres; el nombre no significa solo Harmony.

Empieza por objetivos: Guía de Wix CMS.

Elige la guía que encaja con tu trabajo

Tu preguntaVe aquí
Búsqueda por keyword en ítems de colección (no site search)Añadir una barra de búsqueda
Explorar por categoría o tag en cardsFiltros de categoría en un Repeater
Search + varios filtros + rangosCombinar búsqueda y filtros
Inventario denso con búsquedaTabla con búsqueda
Proyecto de directorio completoDirectorio con búsqueda
Etiquetas exactas de panelDocumentación Search & filters

Nativo vs app

EditorFiltros nativos de visitanteCMS for Harmony
Studio / EditorDataset + inputs para muchos filtros de categoría; live keyword search a menudo necesita VeloMisma toolkit Table / Repeater con UI de search integrada
HarmonyFiltros de visitante limitados en una lista nativa hoySearch & filters en widgets soportados

Lagunas de Harmony: limitaciones del CMS. App = solo widgets (sin binding nativo Text/Image/Button).

Widgets que soportan search & filters

WidgetSearch / filters
TableYes
RepeaterYes
CalendarYes — search usa Title y Details
Media GalleryYes
SlideshowYes — search usa Title / Text / Button label cuando están mapeados
Dynamic PageNo visitor search/filters
FormN/A

Resumen de setup (app)

  1. Conecta una visualización soportada a una colección (o Pro Sheets donde se permita).
  2. Abre Search & filters.
  3. Activa Show search bar y/o Show filters.
  4. Añade filtros con la condición de match correcta (equals, contains, ranges, etc.).
  5. Usa Show filter para UI de visitante, o Choose value para una regla oculta siempre activa.
  6. Pon Filters display en Top o Side.
  7. Publica y prueba como visitante.

Modos que importan

ModeCuándo usarlo
Show filterLos visitantes eligen categoría, ciudad, color, rango de precio
Choose valueAplicar siempre un match fijo sin UI
RangesFechas y números
Color swatchesCampos Color en catálogos
Reference filtersColecciones relacionadas con un Display field para etiquetas

Setups comunes

Use caseWidgets + filters típicos
Team directoryRepeater o Table por department / role
Real estateRepeater por city y price range
Product catalogRepeater/Table + Color swatches + category
EventsCalendar + date filters
PortfolioMedia Gallery o Slideshow por type

Ejemplos por industria: directorio con búsqueda, real estate, directorio de equipo.

Notas de plan

Search & filters en visualizaciones soportadas forman parte de la superficie core de la app (no están limitados a Pro como payments o Sheets). Las conexiones Pro Sheets pueden seguir usando search/filters donde esos widgets los soporten.

FAQ

¿Puedo añadir filtros sin código?

Sí—inputs de dataset nativos en Studio/Editor para muchos filtros de categoría, o Search & filters de CMS for Harmony en un widget soportado.

¿El Harmony nativo soporta filtros de visitante?

No como inputs completos de visitante en una sola lista hoy.

¿La app funciona en Editor y Studio?

Sí.

Relacionado

Actualizado:

¿Listo para probarlo en Harmony? Consigue un sitio de inicio gratis CMS for Harmony