Search and Filter Pro Plugin (incluye addons)

Un filtro no se pega a una página, se conecta a una consulta

Tu tienda o tu directorio ya tiene los datos: marca, zona, año, precio, todo guardado en taxonomías y campos personalizados. El visitante no puede usarlos. Recorre páginas de archivo hasta cansarse.

Lo que sorprende al montar Search & Filter Pro es dónde empieza el trabajo. Filtrar no consiste en añadir un widget, sino en decidir qué consulta pinta tu listado y conectarle campos. El plugin gira alrededor de esas dos piezas: las consultas, que determinan qué contenido se muestra, y los campos, los controles con los que el visitante acota ese contenido.

Por eso la primera pregunta es quién genera tu listado: la tienda de WooCommerce, un bloque Query Loop o un elemento de tu constructor.

Lo que Pro añade a la base gratuita

• Resultados sin recargar: Live Search actualiza el listado en la misma página y puede reflejar el estado del filtro en la dirección, de modo que los botones de atrás y adelante del navegador lo recuperan.
• Campos que no llevan al vacío: los campos dinámicos dejan de ofrecer opciones sin resultados.
• Autocompletado y rangos: sugerencias al escribir, y rangos en desplegable, en botones de opción o con deslizador.
• Indexador: sostiene la velocidad en formularios y consultas complejas.
• ACF a fondo: filtros desde campos repetidores, contenido flexible, subgrupos y campos de relación.

WooCommerce, ACF y los constructores que entiende

En comercio funciona con WooCommerce (tienda, bloque de colecciones y shortcode de productos), Easy Digital Downloads y WP eCommerce. Entre los constructores están Elementor, Beaver Builder, Bricks, Divi, Avada, WPBakery y GenerateBlocks. Para datos, ACF, Pods y Meta Box. Para idiomas, WPML y Polylang. Y para reforzar la búsqueda, Relevanssi.

Varias de estas conexiones son extensiones, plugins separados de Pro. La de Beaver Builder, por ejemplo, se instala desde la pantalla de integraciones. Comprueba que la extensión de tu constructor está en tu descarga antes de contar con ella.

Plugin gratuito obligatorio, campos pendientes y selectores CSS

Pro no funciona solo. Cada instalación necesita el plugin gratuito y el Pro a la vez.

No crea datos. Los filtros se construyen con lo que ya existe, de modo que un producto sin marca asignada no aparecerá al filtrar por marca.

Faltan tipos de campo. No hay valoración con estrellas, selector de color ni mapas, así que un filtro de muestras de color no sale de aquí.

A veces toca poner selectores CSS. Algunas integraciones indican solas qué zona refresca Live Search. Si la tuya no, pon un selector único: si aparece varias veces en la página, no actualiza.

Pasar de la versión 2 a la 3 exige trabajo. Hay que volver a enlazar los formularios con los campos nuevos, y el método de visualización Archive desaparece.

Cómo montar el primer filtro

Antes de empezar, identifica el listado que quieres filtrar. A partir de ahí:

1. Instala y activa el plugin gratuito y el Pro.
2. En el menú Search & Filter, entra en Queries y crea una consulta. Autodetect, en la pestaña Location, sirve para un montaje básico.
3. Crea los campos desde la pestaña Fields de esa consulta, para que queden asignados a ella.
4. Colócalo todo en la página: con bloques, un Query Loop apuntando a tu consulta y un Reusable Field por campo; con shortcodes, uno para los resultados y otro por cada campo.
5. Activa Live Search y prueba combinaciones reales de filtros.

FacetWP, WP Grid Builder y JetSmartFilters para comparar

FacetWP filtra tipos de contenido, campos personalizados y taxonomías con una tabla de índice propia, e incluye proximidad por geolocalización. WP Grid Builder plantea otra cosa, porque además del filtro construye la cuadrícula, con un editor visual de tarjetas y más de 20 tipos de faceta.

Otra opción es JetSmartFilters. Y para una búsqueda más potente, Relevanssi Premium es la edición superior de Relevanssi, el motor con el que este plugin se integra.

Elementor, Divi, Bricks y muestras de color

¿Funciona con Elementor?

Sí, filtra loop grids y productos. La conexión con ese constructor va en una extensión, así que comprueba que esté en tu descarga.

¿Funciona con Divi o Bricks?

Sí. En Divi filtra los elementos Blog, Shop, Portfolio y Loop, y en Bricks los Query Loops, Posts, Products, Sliders y Accordions. Las dos conexiones van en extensiones.

¿Puedo filtrar por color con muestras?

No hay selector de color. Puedes usar desplegables, casillas, botones de opción o botones.