Filtros de producto en WooCommerce: búsqueda facetada que convierte

Una clienta que no encuentra el producto adecuado abandona la tienda. En cuanto un catálogo crece más allá de unas docenas de artículos, el mero ojear ya no basta, y la tienda necesita un modo rápido de acotar la selección. Para eso existe precisamente el filtrado facetado. Marca la diferencia entre una página de categoría que parece un muro de productos y otra que se siente como un camino guiado hacia el artículo adecuado. Esta guía explica qué es el filtrado de productos, por qué eleva la conversión, en qué debe fijarse un buen filtro y cómo el plugin gratuito Sieve añade búsqueda facetada a WooCommerce sin poner en juego la velocidad de la página.

Qué es el filtrado facetado

Con el filtrado facetado, una persona visitante puede acotar una lista de productos por varias características a la vez: categoría, talla, color, rango de precio, marca, disponibilidad. Cada selección refina el conjunto de resultados en lugar de sustituirlo, de modo que la clientela apila filtros unos sobre otros hasta que solo quedan los productos relevantes. Si marca “Azul”, luego “Mediano” y por fin “menos de 50”, la lista se reduce en cada paso justo a la intersección de esas selecciones.

La diferencia con un simple campo de búsqueda es que las facetas están estructuradas. La clientela no tiene que adivinar la palabra clave correcta ni escribir bien un nombre de marca, sino que elige de las características que el catálogo usa de todos modos, y la lista se ajusta en consecuencia. La búsqueda y las facetas se complementan en lugar de competir: la búsqueda es el modo de encontrar un punto de partida cuando alguien sabe con exactitud qué busca, y las facetas son el modo de acotar un punto de partida amplio cuando alguien solo sabe aproximadamente qué quiere.

Ayuda separar dos términos que a menudo se mezclan. Un filtro es un único elemento de control, una casilla de verificación o un regulador de precio. Una faceta es un filtro que se apoya en la estructura de tus datos, de modo que puede indicar cuántos productos hay detrás de cada opción y actualizar esas cifras en cuanto se hacen otras selecciones. Un montón de casillas inconexas es filtrado; un conjunto de facetas que se comunican entre sí y con el recuento de resultados es búsqueda facetada. Esto último es lo que la clientela espera hoy, porque cada gran comerciante la ha acostumbrado justamente a ello.

Por qué convierte

El filtrado acorta el camino desde la entrada en una categoría hasta el producto adecuado, y eso es decisivo, porque la mayoría de las personas visitantes no se desplaza por varias páginas de resultados. Se forma rápido un juicio sobre si la tienda “tiene lo que quiero” y actúa en consecuencia. Un buen filtro inclina ese juicio a tu favor. Tres factores impulsan la ganancia de conversión:

• Más rápido al producto adecuado. Unos pocos clics superan al desplazamiento infinito, sobre todo en un catálogo grande. Cuanto antes llega una clienta a una lista corta y relevante, más probable es que también compre de ella.
• Menos callejones sin salida. Cuando los filtros reflejan lo que hay realmente en existencias, la clienta no desperdicia clics en combinaciones que no devuelven nada. Una página de callejón sin salida vacía se lee como “no lo tienen”, aunque lo tengan.
• Confianza. Ver cuántos productos corresponden a cada opción da a la clienta la seguridad de haber visto toda la selección relevante, en lugar de preguntarse qué se esconde dos páginas más allá.

Hay otra ventaja, más silenciosa. Las URL filtradas y guardables como marcador permiten a una clienta guardar o compartir una vista refinada, y a ti enlazar desde una campaña o una entrada de blog directamente a “vestidos rojos por menos de 60”. Eso convierte un filtro de una mera ayuda para ojear en una superficie de marketing.

Filtros instantáneos y recuentos dependientes

Dos funciones distinguen un filtro moderno de los widgets simples de WooCommerce, y en ellas deberías fijarte antes que en nada.

Los filtros instantáneos actualizan la lista sin una recarga completa de página. La clienta marca una casilla, y los resultados cambian sobre el sitio, con lo que no se interrumpe el flujo de ojeo. Una recarga de página, en cambio, tira por la borda la posición de desplazamiento, deja la pantalla en blanco por un instante y hace que cada refinamiento parezca una decisión definitiva. El filtrado instantáneo elimina esa fricción, de modo que refinar se siente como explorar y no como enviar un formulario.

Los recuentos dependientes indican junto a cada opción cuántos productos devolvería esa opción bajo los filtros ya establecidos, y eliminan o desactivan las opciones que no darían nada. Esa es la única función que evita la frustrante página de resultados vacía. Sin ella, una clienta puede marcar una combinación de aspecto perfectamente razonable y aterrizar en “no se encontraron productos”; con ella, las combinaciones imposibles simplemente ni siquiera se ofrecen.

Sieve for WooCommerce ofrece filtros AJAX instantáneos con recuentos dependientes y un renderizado de resultados estable, de modo que la lista se actualiza sobre el sitio, sin saltar. Sieve mantiene la URL sincronizada con los filtros activos, y justo eso hace que una vista filtrada sea compartible y guardable como marcador: recarga la página, y vuelve el mismo conjunto de resultados refinado.

Qué necesita un buen filtro

Una herramienta de filtros para WooCommerce debería cubrir un puñado de fundamentos. Usa esto como lista de comprobación, ya sea que lo construyas tú, lo compres o lo instales:

• Una gama de tipos de faceta. Casillas de verificación para selección múltiple, botones de radio para selección única, un desplegable buscable para listas largas, un regulador de rango para el precio y un campo de búsqueda de texto libre. Un único tipo de control no encaja con toda característica.
• Las fuentes de datos adecuadas. Categorías, etiquetas, atributos de producto, precio, estado de existencias y estado de oferta son los ejes evidentes por los que una clienta filtra.
• Actualización instantánea sobre el sitio. Resultados AJAX, sin recargas completas.
• Recuentos dependientes. Cifras en vivo por opción, ocultando las combinaciones imposibles.
• Estado compartible. Los filtros activos se reflejan en la URL, de modo que una vista se pueda enlazar o guardar como marcador.
• Ayudas en torno a las facetas. Ordenación, paginación, un elemento de reinicio y chips para los filtros activos, de modo que la clienta vea y pueda deshacer lo que ha establecido.
• Un cajón móvil. En los smartphones, los filtros van en un panel que se desliza sobre la lista, con un modo de aplicar la selección y volver a los productos.
• Accesibilidad. Soporte para teclado y lectores de pantalla, porque los filtros son elementos de control interactivos que todos deben poder manejar.
• Velocidad al crecer el volumen. Un enfoque de consulta que se mantiene rápido incluso cuando el catálogo crece hasta varios miles de artículos.

Fíjate en lo que no está en esta lista: un ranking o una personalización sofisticados. Esos son refinamientos que solo cuentan una vez que los fundamentos mencionados son sólidos. Un filtro que es instantáneo, preciso y accesible supera a un filtro ingenioso que recarga la página o conduce a callejones sin salida.

Cómo lo resuelve Sieve

Sieve es un plugin gratuito y de código abierto que añade precisamente ese flujo de búsqueda facetada a los archivos de producto de WooCommerce. Está construido en torno a un índice precompilado para consultas filtradas rápidas y a un frontend AJAX que actualiza los resultados sobre el sitio.

Las facetas

Sieve ofrece un conjunto completo de tipos de faceta, de modo que cada característica reciba el control adecuado: casillas de verificación, botones de radio, un desplegable buscable, un regulador de rango, un campo de búsqueda, ordenación, paginación, un elemento de reinicio y chips para los filtros activos. Los datos detrás de estas facetas proceden directamente de WooCommerce: categorías, etiquetas, atributos de producto, precio, estado de existencias y estado de oferta. Así puedes, por ejemplo, combinar una lista de casillas de categoría, un regulador de rango de precio, un filtro de disponibilidad y un interruptor de oferta en el mismo panel, cada uno con recuentos dependientes en vivo.

El renderizado de resultados es la parte que protege el rendimiento. Los resultados se actualizan sin recarga de página y sin salto de maquetación, de modo que la página no salta cuando cambian los recuentos y los productos. Justo eso mantiene intactos el lado de la interacción y el de la estabilidad de maquetación de los Core Web Vitals. Sieve trata la representación estable de resultados como un componente central del filtrado y no como un añadido acoplado a posteriori.

La experiencia móvil

En pantallas pequeñas, Sieve desplaza las facetas a un cajón de filtros móvil con una barra de “Mostrar resultados” fijada. El cajón se desliza sobre la lista, en lugar de empujar los productos hacia abajo en una larga columna, y la barra fijada da a la clienta un modo constante de aplicar su selección y volver a ojear. Como la mayor parte del tráfico de catálogo se produce ya en los smartphones, aquí se decide habitualmente si el filtrado triunfa o fracasa.

Accesibilidad y colocación

Los widgets de faceta están construidos de modo que sean compatibles con teclado y lectores de pantalla, de modo que el filtro se pueda manejar sin ratón. Para colocar el filtro en una página tienes dos opciones: el shortcode [sieve] o el bloque “Sieve Filter” para el editor de bloques. Ambos renderizan las facetas, la rejilla de resultados, la ordenación, los chips para los filtros activos y la paginación juntos como una sola unidad, de modo que no haya que ensamblar widgets por separado.

La configuración

Hasta que el filtrado facetado está en vivo pasan solo unos minutos:

1. Instala y activa WooCommerce, luego instala y activa Sieve.
2. Abre el menú Sieve y reconstruye el índice. Ese es el índice precompilado que hace rápidas las consultas filtradas en un catálogo grande, así que merece la pena ejecutarlo antes de salir en vivo y de nuevo tras un cambio de catálogo amplio.
3. En el constructor de facetas puedes añadir facetas, reordenarlas y cambiar su tipo, así como definir la maquetación, para que el panel encaje con las características por las que tu clientela filtra realmente. Limítate a los pocos ejes que cuentan, en lugar de incluir cada atributo existente.
4. Coloca el filtro con el shortcode [sieve] o el bloque “Sieve Filter” en una página.

Esa es toda la configuración. A partir de ahí, la clientela obtiene en el frontend facetas instantáneas y combinables con recuentos dependientes y una URL filtrada que puede guardar como marcador o compartir.

El alcance actual

Sieve se describe en su propio readme como una versión MVP temprana, así que es honesto tratarlo como una herramienta enfocada que domina bien el filtrado facetado, en lugar de como una suite desbordante. El código fuente completo y legible por humanos de los activos compilados se adjunta en el plugin junto a las herramientas de compilación, y el repositorio de fuente público está disponible, de modo que nada de esto es una caja negra.

Consejos prácticos para filtros que convierten

Un plugin aporta el mecanismo; las decisiones dependen de ti. Unas cuantas indicaciones prácticas:

• Filtra por aquello con lo que la clientela decide, no por todo lo que almacenas. Un panel con cinco facetas significativas supera a uno con quince. Elige los ejes que las personas usan realmente para elegir, casi siempre categoría, precio, uno o dos atributos centrales y disponibilidad.
• Apuesta por los recuentos dependientes. Son la función que evita los callejones sin salida, así que asegúrate de que las facetas mostradas tengan detrás recuentos reales y no sean atributos casi vacíos.
• Precio al regulador, listas largas al desplegable buscable. Adapta el control a los datos. Una lista de marcas con cuarenta nombres es un desplegable buscable, no cuarenta casillas.
• Mantén visibles los chips de filtros activos y un reinicio. La clientela refina probando. Poder ver y deshacer una selección con un clic la mantiene explorando, en lugar de recurrir al botón de atrás.
• Prueba el cajón móvil en un smartphone real. La barra de aplicar fijada y el comportamiento del cajón son los puntos donde hoy se produce la mayor parte del filtrado, así que examina esa experiencia primero y no en último lugar.
• Reindexa tras cambios de catálogo grandes. El índice precompilado mantiene rápido el filtrado; reconstrúyelo tras una importación masiva o un cambio de atributos amplio.

Sieve frente al estándar de WooCommerce

El núcleo de WooCommerce entrega solo widgets de atributo simples que recargan la página. Aquí la diferencia específica para el filtrado de productos:

Función	Estándar de WooCommerce	Sieve
Actualización de filtros	Recarga completa de página	Instantánea, sobre el sitio (AJAX)
Combinar varios filtros	Limitado	Sí, facetado
Tipos de faceta	Pocos widgets	Casillas, radio, desplegable, rango, búsqueda, ordenación, chips
Fuentes de datos	Atributos	Categorías, etiquetas, atributos, precio, existencias, oferta
Recuentos de resultados por opción	No	Recuentos dependientes
Ocultar opciones que no devuelven nada	No	Sí
URL filtradas compartibles	Limitado	Sí, la URL se mantiene sincronizada
Manejo móvil	Columna larga	Cajón con barra de aplicar fijada
Estabilidad de maquetación	no aplica	Sin salto de maquetación, por diseño
Catálogos grandes	Se vuelve lento	Índice precompilado
Coste	Gratis (núcleo)	Gratis (GPL); PRO añade reglas, pruebas e integraciones

Gratis frente a PRO

La edición gratuita es un flujo de búsqueda facetada completo y no un mero cebo: filtros AJAX instantáneos, el conjunto completo de tipos de faceta, recuentos dependientes, URL compartibles, el cajón móvil, widgets accesibles, el índice precompilado y la colocación por bloque y shortcode están todos incluidos. Sieve Pro se construye sobre eso, para tiendas que quieren afinar y ampliar aún más el filtro. Requiere el plugin gratuito Sieve y añade:

• Un panel de rendimiento bajo Sieve → Performance, con la salud del índice, la cobertura del catálogo, una estimación del tamaño de la tabla, una acción de reindexación completa y un benchmark de resolución de filtros.
• Reglas de faceta condicionales, que ocultan ciertas facetas según la página de categoría, el rol de cliente o la página principal de la tienda.
• Pruebas A/B de maquetación, que rotan las maquetaciones del panel de filtros y el número de columnas de la rejilla con seguimiento de impresiones.
• Una faceta de valoración por estrellas, que para el filtro de valoración media muestra filas de estrellas visibles en lugar de simples casillas.
• Integraciones de búsqueda, que dirigen la búsqueda predictiva y la interna de la rejilla a través de SearchWP o Algolia, con la búsqueda nativa de Sieve como respaldo.

La versión corta

El filtrado facetado hace que un catálogo de WooCommerce en crecimiento siga siendo explorable: guía a las personas visitantes al producto adecuado en unos pocos clics, evita las páginas de callejón sin salida vacías gracias a los recuentos dependientes y funciona en móvil a través de un cajón. Un buen filtro necesita una gama de tipos de faceta, las fuentes de datos adecuadas, actualización instantánea sobre el sitio, URL compartibles y elementos de control accesibles, y todo eso se mantiene rápido mientras el catálogo crece. El plugin gratuito Sieve cubre todo ese flujo con facetas AJAX, recuentos dependientes, un cajón móvil y un índice precompilado, renderizado sin salto de maquetación; Sieve Pro añade un panel de rendimiento, reglas condicionales, pruebas A/B de maquetación, una faceta de valoración por estrellas, así como integraciones con SearchWP o Algolia, en cuanto estés listo para seguir optimizando.