La navegación por capas de WooCommerce (filtros en la barra lateral por precio, atributos y categorías) estaba impulsada por el filtrado por facetas integrado en WooCommerce o por plugins como WooCommerce Product Filter, WOOF o FacetWP. En Shopify, el filtrado lo gestiona la app gratuita Shopify Search & Discovery y el filtrado por facetas mediante la configuración de filtros de colección. Esta guía explica cómo replicar y mejorar tu configuración de filtros de WooCommerce.

Filtrado en WooCommerce vs Shopify

Función	WooCommerce	Equivalente en Shopify
Filtros basados en atributos (Color, Talla)	Widget: Filtrar productos por atributo	Search & Discovery: Filtros de opción de producto
Filtros de categoría	Widget: Filtrar productos por categoría	Jerarquía de colecciones + navegación
Deslizador de rango de precio	Widget: Filtrar productos por precio	Search & Discovery: Filtro de precio
Filtro de disponibilidad de stock	Widget: Filtrar productos por estado del stock	Search & Discovery: Filtro de disponibilidad
Filtros de meta/ACF personalizados	FacetWP o WOOF	Search & Discovery: Filtros de metafield
Filtrado AJAX (sin recarga de página)	FacetWP o WooCommerce nativo	Filtros de tienda del tema Shopify (basados en parámetros de URL, mejorados con JS)
Búsqueda de productos	Widget de búsqueda de WooCommerce	Búsqueda nativa de Shopify + búsqueda predictiva
Potenciación de búsqueda	Plugin SearchWP	Search & Discovery: fijación + potenciación de productos

App Shopify Search & Discovery

Instalar la app gratuita Shopify Search & Discovery (de Shopify): Admin → Apps → Search & Discovery. Es el panel de control para toda la configuración de filtros y búsqueda.

Tipos de filtro disponibles

Tipo de producto: Agrupa productos por el campo de tipo de producto. Útil para el filtrado de nivel superior.
Proveedor: Filtrar por proveedor del producto (marca).
Precio: Filtro automático de rango de precio basado en la distribución de precios de la colección.
Disponibilidad: Filtro de alternancia "En stock".
Opción de producto: Cualquier opción de variante de Shopify (Color, Talla, Material, etc.).
Metafield: Cualquier metafield de producto con una definición de metafield configurada.

Configuración de filtros de colección

Paso 1: Definir metafields (para filtros personalizados)

Antes de poder filtrar por un metafield, debes crear una definición de metafield en Shopify Admin → Configuración → Datos personalizados → Productos:

Namespace: product_info
Clave: material
Tipo: single_line_text (o list.single_line_text para valores múltiples)

Paso 2: Configurar filtros en Search & Discovery

Abrir la app Search & Discovery
Seleccionar "Filtros" → "Añadir filtro"
Elegir el tipo de filtro: Opción de producto, Metafield, Proveedor, Precio, etc.
Para filtro de metafield: seleccionar la definición de metafield creada
El filtro se aplica automáticamente a todas las colecciones (o configurar por colección)

Paso 3: Verificar la compatibilidad del tema

El tema de Shopify debe admitir el filtrado de colecciones. Dawn y la mayoría de los temas premium admiten los filtros de Search & Discovery de serie. Comprobar: Admin → Tienda online → Temas → Personalizar → Página de colección → activar filtrado.

Configuraciones de filtro habituales por sector

Filtros para moda y ropa

Color (opción de producto — valores: Rojo, Azul, Negro, etc.)
Talla (opción de producto — valores: XS, S, M, L, XL)
Rango de precio
Disponibilidad (en stock)
Material (metafield: product_info.material)
Marca/Proveedor

Filtros para electrónica

Marca (filtro de proveedor)
Rango de precio
Compatibilidad (metafield — lista de dispositivos compatibles)
Conectividad (metafield: WiFi, Bluetooth, USB-C)

Filtros para piezas de automoción (Año/Marca/Modelo)

Año del vehículo (metafield)
Marca del vehículo (metafield)
Modelo del vehículo (metafield)
Marca/Proveedor
Tipo de pieza (tipo de producto)

Filtros para juegos de mesa y juguetes

Rango de edad (metafield)
Número de jugadores (metafield)
Duración de la partida (metafield)
Mecánicas de juego (metafield: tipo lista)
Complejidad (metafield)

Búsqueda predictiva (búsqueda mientras escribes)

La búsqueda predictiva de Shopify muestra sugerencias de producto en tiempo real mientras los clientes escriben en el buscador:

Activar en la app Search & Discovery → Búsqueda → Búsqueda predictiva
Configurar qué campos de producto aparecen en las sugerencias: título, tipo de producto, proveedor, etiquetas
Potenciar productos específicos: fijar productos en la parte superior de los resultados de búsqueda para consultas concretas
Sinónimos: "sofá" = "diván". Añadir sinónimos en Search & Discovery → Búsqueda → Sinónimos.
Palabras de parada: palabras a ignorar en las consultas de búsqueda

Potenciación de búsqueda y merchandising

Fijar productos: Colocar manualmente productos específicos en la parte superior de los resultados de búsqueda para una consulta. Usar para promociones estacionales o artículos de liquidación.
Potenciar productos: Priorizar un producto o colección en los resultados de búsqueda de forma algorítmica.
Enterrar productos: Bajar productos en los resultados (p. ej., artículos descatalogados).
Equivalente en WooCommerce: SearchWP con potenciación de resultados — la potenciación integrada de Shopify cubre la mayoría de los casos de uso sin plugin.

Personalización de la visualización de filtros

La presentación visual de los filtros depende del tema. La mayoría de los temas admiten:

Filtros en barra lateral: Panel de filtros vertical en páginas de colección (diseño estándar de escritorio)
Barra de filtros superior: Fila de filtros horizontal sobre la cuadrícula de productos (optimizado para móvil)
Panel deslizante: Panel de filtros que se desliza desde la izquierda al hacer clic en el botón "Filtrar"
Muestras de color: Para filtros de color, mostrar como muestras en lugar de casillas de verificación (según el tema, a menudo requiere personalización)

Para mostrar muestras de color en los valores de filtro: la mayoría de los temas premium incluyen soporte de muestras de color para filtros de opción de producto. Configurar los colores de las muestras en la configuración del tema o mediante un sistema de muestras basado en metafields.

Menús de navegación y megamenús

La navegación por categorías de producto de WooCommerce (listas de categorías en barra lateral basadas en widgets o menús de navegación) se corresponde con la navegación de Shopify:

Admin → Tienda online → Navegación
Menús: crear menú principal, menú de pie de página, menús de navegación de colecciones
Enlaces de colección: enlazar directamente a colecciones de Shopify
Megamenú: la mayoría de los temas premium de Shopify admiten menús desplegables de varias columnas mediante el editor del tema
Widget de categoría de producto de WooCommerce en barra lateral → Sección de lista de colecciones de Shopify en la barra lateral del tema (si el tema admite barra lateral en páginas de colección)

Lista de verificación para configurar Search & Discovery

Instalar la app gratuita Shopify Search & Discovery
Identificar todas las dimensiones de filtro necesarias según los tipos de producto del catálogo
Crear definiciones de metafield para los atributos de filtro personalizados (antes de importar productos si es posible)
Asegurarse de que los valores de metafield se completan durante la importación/migración de productos
Configurar filtros en Search & Discovery: opciones de producto, metafields, precio, disponibilidad
Verificar que el tema admite el filtrado de colecciones (probar en Dawn o el tema de destino)
Activar la búsqueda predictiva
Añadir sinónimos para nombres de producto comunes (sinónimos de marca, variantes ortográficas regionales)
Fijar los productos más vendidos para las consultas de búsqueda más importantes
Probar los filtros en móvil: la UX del panel de filtros es crítica para la conversión móvil
Reconstruir los menús de navegación para que coincidan con la jerarquía de categorías de WooCommerce en las colecciones de Shopify

La queja más común de los comerciantes tras la migración es "la búsqueda no funciona tan bien como en WooCommerce". Esto es casi siempre un problema de datos en los metafields — los filtros solo pueden funcionar sobre datos que están realmente completados. El proceso de migración debe incluir el completado de todos los metafields filtrables (material, estándares de compatibilidad, rango de edad, etc.) para que la configuración de filtros ofrezca resultados. Un filtro de metafield vacío muestra cero resultados y destruye la confianza. Priorizar la completud de los datos de metafield para los productos más vendidos antes de lanzar con los filtros activados.

Shopify Search & Discovery: filtros, búsqueda y navegación tras migrar de WooCommerce (2026)