En las categorías de la tienda online, normalmente en la parte izquierda tenemos un mini menú para filtrar los productos, normalmente por precio, talla, stock, tipo de producto, característica concreta… Todo esto es necesario de configurar si nuestra tienda online cuenta con varios productos diversos en las categorías, para que el cliente pueda encontrarlos fácilmente.
Por defecto si hemos seleccionado una buena plantilla para WooCommerce y con los ajustes que nos vienen por defecto podremos llegar la barra con varios tipos de filtros, sobretodo con atributos. Aunque en algunos casos los filtros que vienen por defecto, se quedan muy limitados.
En este tutorial vamos a ver cómo hacer un buen filtro por defecto y por otro lado el mejor plugin para añadir filtros personalizados que no podemos usar con la configuración básica.
Índice
Ventajas de tener un sistema de filtros
- Aumentamos el ratio de conversión, ya que los clientes encuentran mucho antes lo que necesitan.
- Para tiendas grandes es una forma de organizar el catálogo.
- Nos permite mejorar el posicionamiento SEO. Está demostrado que Google rastrea los filtros y te puede posicionar por ellos.
- Mejoramos la experiencia de usuario del cliente.
¿Qué características buscamos?
- Que sea rápido y no recargue la página cada vez que se configura un filtro.
- Tipos de selección variados por imagen, selector de colores, mediante checks… Todo esto hace que sea más visual la barra y el cliente sabe lo que tiene que encontrar.
- Personalizable a nivel de textos y selectores.
- La característica concreta que busquemos filtrar.
Filtros por defecto en WooCommerce
Al tener WooCommerce instalado, ya tenemos algunos filtros que podemos usar en nuestra tienda online desde la sección de Widgets, estos son:
- Filtrar por precio.
- Filtrar por Stock. Si es en productos variables, es decir por variación, no va a funcionar. Para que funcione tienes que instalar el plugin Product Filters for WooCommerce.
- Filtrar por atributo.
- Filtrar por valoración.
Estos filtros, para una tienda online simple, funcionarían muy bien. Si queremos ampliar estos filtros, darle otro diseño(Ej: selector de colores, filtrar seleccionando un icono…) o bien personalizarlo a nuestro gusto, deberemos instalar un plugin.
YITH WooCommerce Ajax Product Filter
Esta es mi recomendación, tiene su versión gratis y premium, la puedes adquirir en este enlace. Este plugin nos permitirá:
- Filtros en AJAX, para que no recargue la página cada vez que filtramos productos.
- Selector de filtros por colores personalizados a tu gusto.
- Elegir si queremos indexar la url de los filtros o no en los buscadores.
- Configurar los enlaces de los filtros(Ej: mitiendaonline.com/filtrar=color?…).
- Mostrar los filtros de forma horizontal o vertical.
- Personalización visual de los filtros por botones, acordeón, selector…
- Cambiar el diseño de los filtros que vienen por defecto como precios, atributos…
- Compatible con maquetadores visuales como Elementor.
Una vez que sabemos todo lo que tiene su versión premium vamos a configurarlo, como siempre, nos saldrá la opción en el menú desplegable de YITH. Y empezaremos a configurarlo en opciones generales:

No tienen que ser estas opciones, las tienes que configurar a tu gusto antes de crear los filtros. Luego el apartado de personalización(diseños, colores, etc) y la zona de SEO para las urls. Una vez configurado todo esto, podremos crear nuestros primeros filtros en la zona Filtrar preajustes. A la hora de crear uno nuevo:

Toda esta personalización, es a nuestro gusto. Tienes la configuración ampliada paso por paso en el vídeo al principio del artículo.
Conclusiones
Si tenemos una tienda online con bastantes productos y queremos filtrarlo por diferentes especificaciones y con un diseño bonito, deberemos instalar el plugin de Yith. Por otro lado, si queremos filtrar por el stock de una variación concreta, el único que lo hace bien es el oficial de WooCommerce.
Recordad que si queréis que os lleve el SEO de vuestro WooCommerce o el mantenimiento podéis contratar mis servicios.
Deja una respuesta