Filtros AJAX gratis para WooCommerce con Elementor

Los filtros AJAX para WooCommerce permiten que los visitantes filtren productos por categoría, precio, atributo o stock sin recargar la página, y existe al menos un plugin gratuito robusto que ya incluye soporte nativo para Elementor. Si tu tienda tiene más de 50 productos y todavía usás los filtros nativos de WooCommerce, estás dejando conversiones sobre la mesa.

Elementor es un constructor visual de páginas para WordPress desarrollado por Elementor Ltd., que permite crear y editar contenido web sin necesidad de conocimientos de programación.

¿Qué son los filtros AJAX en WooCommerce?

Un filtro AJAX WooCommerce es un componente que actualiza la grilla de productos en tiempo real sin hacer un reload completo de la página. Cuando el visitante tildá «Color: Rojo» o mueve el slider de precio, el browser manda una request al servidor en segundo plano, recibe solo los productos que matchean, y los muestra en el mismo lugar sin que se recargue nada más.

WooCommerce tiene sus propios widgets de filtro nativos (por precio, por atributo, por categoría), pero tienen un problema bastante concreto: al aplicar cualquier filtro, la página entera se recarga. Eso implica esperar a que carguen scripts, estilos, imágenes de header, footer, sidebars. En una conexión de escritorio no se nota tanto. En mobile, con 3G intermitente, es la diferencia entre un cliente que compra y uno que cierra la pestaña.

La diferencia en conversiones no es menor. Tiendas de e-commerce que migraron de filtros estáticos a filtros AJAX reportan mejoras de entre 15% y 30% en tiempo en página en las secciones de catálogo (tomalo con pinzas porque depende mucho del rubro y el tráfico, pero la dirección es consistente).

Mejores plugins gratuitos de filtros AJAX para WooCommerce

Empezamos por lo que más interesa: qué hay disponible sin pagar.

Advanced AJAX Product Filters (WooBeWoo)

Disponible en el repositorio oficial de WordPress, este plugin es posiblemente la opción gratuita más completa del mercado en 2026. Tiene más de 100.000 instalaciones activas y soporte para filtros por categoría, atributo, precio, etiqueta y stock. El widget se integra bien con Elementor mediante shortcode o bloque de Gutenberg, y la versión gratuita ya incluye filtrado múltiple (seleccionar más de un valor por atributo al mismo tiempo).

Lo que no tiene gratis: lógica AND/OR por filtro, filtros de tipo rango con dos puntos (fecha de entrega, por ejemplo), y algunos tipos de display más avanzados. Para la mayoría de las tiendas medianas, la versión libre alcanza. Lo explicamos a fondo en nuestra guía de Elementor.

YITH WooCommerce Ajax Navigation

YITH lleva años en el ecosistema WooCommerce y su plugin de filtros está en el repositorio oficial con más de 200.000 instalaciones activas. La versión gratuita permite filtrar por atributos y categorías con AJAX, aunque con menos opciones de presentación que la versión premium. Es más conservadora en features pero muy estable, y YITH tiene buen historial de mantener compatibilidad con versiones nuevas de WooCommerce.

El tema con YITH es que su modelo de negocio empuja claramente hacia el premium: el plugin gratuito es funcional pero suficiente solo si tus necesidades son básicas.

WBW Product Filter y WCAPF

WBW Product Filter (WooBeWoo también lo desarrolla) y WCAPF (WooCommerce Ajax Product Filter) son alternativas más livianas. WCAPF es interesante porque usa la REST API de WooCommerce en vez de admin-ajax.php, lo que da mejor performance en tiendas con mucho tráfico. El costo: setup un poco más técnico y menor documentación disponible en español.

Cómo integrar filtros AJAX con Elementor

Elementor no tiene filtros AJAX nativos en su versión gratuita o Pro. Lo que sí tiene es un widget de «Productos» (en Elementor Pro) que podés combinar con plugins de filtros externos. El flujo básico es este:

• Instalás Advanced AJAX Product Filters (o el plugin que elijas).
• Creás una página de archivo de productos o una página personalizada en Elementor.
• Agregás el widget de filtros del plugin via shortcode dentro de un Widget HTML de Elementor.
• Configurás el target del filtro para que apunte al loop de productos de Elementor.
• Probás que el AJAX funcione con el builder activo (algunos themes de Elementor rompen el selector de contenedor).

El punto que más falla: la sincronización entre el filtro y el contenedor de productos. Advanced AJAX Product Filters tiene una opción de configuración donde indicás el selector CSS del contenedor de productos. Si usás Elementor Pro con el widget Products, el selector por defecto suele ser .elementor-widget-woocommerce-products, pero puede variar según el tema. Si los filtros no actualizan los productos, ese es el primer lugar donde mirar.

Para quienes quieren integración más profunda, los addons de terceros como JetSmartFilters (de Crocoblock) o The Plus Addons para Elementor tienen widgets de filtros propios que se sincronizan automáticamente con los loops de Elementor. Son de pago, pero la experiencia de configuración es significativamente más fluida. Cubrimos ese tema en detalle en si te preocupa el SEO en Elementor.

El problema de rendimiento: admin-ajax y qué hacer al respecto

Ponele que configuraste todo, los filtros funcionan, el cliente filtra por color y aparecen los productos. ¿Y ahora? Si tu tienda tiene tráfico real, vas a empezar a ver que admin-ajax.php se vuelve un cuello de botella.

Cada vez que un usuario activa un filtro AJAX que usa el sistema legacy de WordPress (admin-ajax.php), esa request arranca todo el stack de WordPress, carga plugins, verifica nonces, hace la consulta a base de datos, y devuelve la respuesta. En una tienda con 20 usuarios filtrando al mismo tiempo, son 20 procesos PHP completos corriendo en paralelo. El servidor empieza a sudar.

Las soluciones concretas, en orden de complejidad:

• Caché de fragmentos: plugins como WP Rocket o LiteSpeed Cache pueden cachear los resultados de filtros comunes. No funciona bien con filtros muy dinámicos (combinaciones de precio + atributo + stock), pero reduce carga en escenarios de catálogo estable.
• Pasar a REST API: plugins como WCAPF usan la REST API de WooCommerce, que tiene mejor manejo de caching y menor overhead que admin-ajax.
• Optimizar consultas de BD: si tenés miles de SKUs, asegurate de tener índices en las tablas de wp_postmeta relacionadas con los atributos que filtrás. Sin índices correctos, cada filtro es un full table scan.
• Deshabilitar Cart Fragments en páginas de archivo: Cart Fragments es una request AJAX que WooCommerce dispara en cada carga de página para actualizar el carrito. Si deshabilitás Cart Fragments en las páginas de catálogo (hay plugins específicos para esto), reducís carga AJAX que no tiene nada que ver con los filtros pero consume recursos del servidor en el mismo momento.

Para tiendas que crecen rápido y están en hosting compartido, este es el momento donde vale la pena migrar a un plan con más recursos. Un servidor con LiteSpeed, por ejemplo, maneja el caché de objetos de forma mucho más eficiente. El hosting WordPress de Donweb incluye LiteSpeed en sus planes, lo que ayuda bastante en escenarios de catálogo con muchos filtros activos.

Filtros AJAX vs. filtros nativos de WooCommerce

Característica	Filtros nativos WooCommerce	Filtros AJAX
Recarga de página	Sí, completa	No, solo actualiza productos
Velocidad percibida	Lenta en mobile	Instantánea
SEO (indexación)	URLs canónicas simples	Depende de la configuración
Compatibilidad Elementor	Limitada (widgets básicos)	Buena con plugins externos
Complejidad de setup	Muy baja	Media
Costo	Incluido en WooCommerce	Gratis a ~USD 60/año (premium)
Filtros múltiples simultáneos	Parcial	Completo
Ideal para	Tiendas con <30 productos	Tiendas con catálogo amplio

El punto del SEO merece atención especial. Los filtros nativos de WooCommerce generan URLs del tipo /shop/?filter_color=rojo&min_price=100, que Google puede indexar sin problema. Muchos plugins AJAX manejan los filtros con parámetros de URL también, pero algunos actualizan el DOM sin cambiar la URL, lo que hace que Google nunca vea los resultados filtrados. Si el catálogo filtrado tiene potencial SEO (gente que busca «remeras negras talle M»), configurá el plugin para que use URLs reales.

Lo que está confirmado y lo que todavía no está claro

Confirmado

• Advanced AJAX Product Filters tiene soporte para Elementor documentado en su repositorio oficial de WordPress.
• YITH WooCommerce Ajax Navigation en su versión gratuita soporta filtrado por atributos y categorías con AJAX en WooCommerce 8.x y 9.x.
• WooCommerce 9.x (actual en 2026) mantiene compatibilidad con el sistema de admin-ajax legacy, aunque el equipo de Automattic recomienda migrar a REST API para desarrollos nuevos.
• Los filtros mal configurados pueden generar URLs duplicadas que Googlebot indexa como contenido separado — eso sí tiene impacto en SEO.

No está claro todavía

• Si Elementor va a incluir filtros AJAX nativos en sus próximas versiones (hay features requests hace años, pero nada confirmado en el roadmap público de 2026).
• Cuándo Automattic va a deprecar oficialmente admin-ajax para peticiones de frontend — por ahora sigue funcionando pero el empuje es hacia REST API.

Errores comunes al implementar filtros AJAX en WooCommerce

Meter demasiados filtros activos al mismo tiempo. Cada filtro visible es una query adicional para calcular los counts (cuántos productos hay por cada valor de atributo). Si ponés 8 filtros en pantalla con counts en tiempo real, son 8 queries ejecutándose cada vez que alguien toca un filtro. La solución: arrancá con 3-4 filtros clave para tu catálogo y medí el impacto antes de agregar más.

No probar en mobile. El slider de precio que se ve perfecto en desktop puede ser impracticable en pantalla táctil. Y los checkboxes pequeños que en desktop se marcan fácil, en mobile requieren precisión quirúrgica. Probá los filtros en un teléfono real antes de publicar, no solo en el modo responsive del browser. En nuestra comparación de page builders profundizamos sobre esto.

Ignorar las URLs para SEO desde el principio. Si configurás el plugin en modo «no URL» para simplificar y después querés cambiarlo cuando el sitio ya tiene tráfico, perdés cualquier posicionamiento que hayan ganado esas páginas filtradas. Mejor definir la estrategia de URLs al principio, aunque al arranque no tengas tráfico orgánico.

No testear la compatibilidad con el tema activo. Algunos temas de Elementor (especialmente los de mercados como ThemeForest) tienen estructuras de loop de productos personalizadas que rompen el selector automático de los plugins de filtros. El plugin de filtros no sabe dónde están los productos, y no actualiza nada. Esto pasa más de lo que debería (spoiler: lo descubrís en producción, siempre).

Asumir que el plugin gratuito va a escalar indefinidamente. Un plugin gratuito de filtros AJAX funciona bien hasta cierto punto de catálogo y tráfico. Pasado ese punto, la versión premium o una solución custom son el camino. No hay respuesta universal sobre cuándo hacer el salto, pero si empezás a ver timeouts o lentitud en el filtrado con catálogos de más de 5.000 SKUs, es momento de revisarlo.

Casos de uso reales: cuándo los filtros AJAX hacen diferencia

Una tienda de indumentaria con 300 productos en 4 colores y 6 talles tiene un caso de uso perfecto para filtros AJAX: los clientes saben qué buscan (remera, color, talle) y quieren llegar rápido. Sin filtros AJAX, navegar por el catálogo filtrando por talle y color implica dos recargas de página. Con filtros AJAX, es instantáneo.

Una tienda de electrónica con especificaciones técnicas (RAM, almacenamiento, procesador, marca) necesita filtros más complejos con lógica AND/OR. Acá la versión gratuita de los plugins empieza a quedar corta, porque el cliente puede querer «laptops con más de 16GB de RAM Y procesador Intel O AMD, entre USD 500 y USD 800». Eso ya es territorio de plugins premium o desarrollo custom. Te puede servir nuestra cobertura de integrando wp-community en tu tienda.

¿Alguien verifica métricas de conversión antes/después de implementar filtros AJAX? Pocos. El cambio a AJAX mejora la experiencia percibida, pero el impacto en conversiones depende de cuánto era el catálogo, qué tan mal funcionaban los filtros anteriores, y qué otros problemas tiene la tienda. Implementar filtros AJAX sin medir no te dice nada. Configurá eventos en Google Analytics 4 para trackear uso de filtros y correlacioná con tasa de conversión en sesiones donde se usaron filtros vs. las que no. Eso sí te da data real.

Preguntas Frecuentes

¿Cómo añadir filtros AJAX a mi tienda WooCommerce?

Instalá un plugin como Advanced AJAX Product Filters desde el repositorio de WordPress, configurá los filtros que querés mostrar (categoría, atributo, precio), y agregá el widget o shortcode del plugin en la sidebar o en la página de catálogo. Después probá que al activar un filtro, los productos se actualicen sin recargar la página completa.

¿Qué plugin de filtros AJAX es mejor para WooCommerce?

Para tiendas medianas que usan Elementor, Advanced AJAX Product Filters es la opción gratuita más completa en 2026: tiene más de 100.000 instalaciones activas, filtros múltiples simultáneos y compatibilidad confirmada con Elementor. YITH Ajax Navigation es más conservador en features pero más estable en actualizaciones. Si necesitás integración profunda con Elementor sin trabajo técnico, JetSmartFilters (de pago, ~USD 25/año) es la opción más fluida.

¿Los filtros AJAX ralentizan mi tienda WooCommerce?

Pueden hacerlo si no están bien configurados. El problema principal es admin-ajax.php: cada filtro genera una request PHP completa al servidor. En tiendas con mucho tráfico o catálogos grandes, eso genera carga. La solución es usar plugins que trabajen con la REST API de WooCommerce en vez de admin-ajax, combinar con caché de objetos, y deshabilitar Cart Fragments en páginas de catálogo.

¿Los filtros AJAX afectan el SEO de mi tienda?

Depende de cómo estén configurados. Si el plugin actualiza los productos sin cambiar la URL, Google nunca indexa los resultados filtrados (que puede ser lo que querés, para evitar contenido duplicado). Si querés que ciertas combinaciones de filtros sean indexables (por ejemplo, «remeras negras talle M»), configurá el plugin para generar URLs únicas para esas combinaciones y usá canonicals correctamente.

¿Puedo crear filtros AJAX en WooCommerce sin plugin?

Técnicamente sí: podés hacer requests AJAX a la REST API de WooCommerce con JavaScript puro y renderizar los resultados. Es viable para un desarrollador con tiempo, y da control total sobre el resultado. Para la mayoría de las tiendas, el tiempo de desarrollo no justifica el esfuerzo cuando hay plugins gratuitos robustos disponibles. La opción custom tiene sentido en tiendas enterprise con requisitos muy específicos de UX o performance.

Conclusión

Los filtros AJAX para WooCommerce dejaron de ser un «nice to have» en tiendas con catálogos medianos o grandes. La diferencia en experiencia de usuario es concreta, y la fricción que eliminan al navegar productos se traduce en menos abandonos de catálogo.

La buena noticia es que en 2026 hay opciones gratuitas sólidas que no requieren presupuesto para arrancar: Advanced AJAX Product Filters resuelve bien la mayoría de los casos, funciona con Elementor, y está activamente mantenido. El límite de la versión gratuita lo vas a sentir cuando el catálogo crezca o necesites lógicas de filtro más complejas, pero ese es el momento de evaluar, no antes.

Lo que sí no podés ignorar desde el principio: la configuración de URLs para SEO, el impacto en rendimiento si el hosting no está preparado, y la prueba en mobile antes de publicar. Esos tres puntos son los que más veces vi tirar abajo implementaciones que en desktop se veían perfectas. Configurá bien desde el arranque y después medí el impacto real con datos, no con suposiciones.

Fuentes

• Advanced AJAX Product Filters – Repositorio oficial de WordPress
• YITH WooCommerce Ajax Navigation – Repositorio oficial de WordPress
• Barn2 – Cómo acelerar filtros WooCommerce sin romper el SEO
• Crocoblock – Análisis de plugins de filtros AJAX avanzados para WooCommerce
• AyudaWP – Cómo filtrar productos en WooCommerce