Agregar filtros con Shopify Search & Discovery
Puedes usar la Search & Discovery app de Shopify para crear filtros para la tienda online que permitan que los clientes refinen los productos que se muestran en las páginas de colección y en los resultados de búsqueda. Por ejemplo, una tienda que vende relojes podría crear filtros por marca, precio, tamaño de la carátula y resistencia al agua.
En esta página
Requisitos
Los filtros están disponibles para cualquier compatible theme y para tiendas online externas que usen la filter Liquid API o la Storefront API en la tienda online. Consulta how to display filters en el compatible theme.
Si el tema no admite filtros, igual puedes crear filtros en la aplicación Shopify Search & Discovery, pero no se mostrarán a los clientes.
Puedes verificar si el tema de la tienda admite filtros yendo a Content > Menus en el panel de control de Shopify. Si el tema no admite filtros, se mostrará un mensaje en la sección Collection and search filters.
Consideraciones para agregar filtros
Revisa las siguientes consideraciones para usar la aplicación Shopify Search & Discovery:
- Las colecciones que contienen más de 5.000 productos no muestran filtros. Considera dividir las colecciones grandes en colecciones más pequeñas que sí puedan mostrar filtros. Por ejemplo, en lugar de crear una sola colección de moda Mujer, puedes crear colecciones más pequeñas según el tipo de ropa, como Tops, Jeans y Botas.
- Una búsqueda que devuelve más de 100.000 resultados no muestra filtros.
- Un filtro puede mostrar como máximo 100 valores de filtro en la tienda. Si un filtro tiene más de 100 valores posibles, algunos no se mostrarán a los clientes. Puedes reducir la cantidad de valores posibles grouping similar values. Un grupo de filtros puede tener como máximo 200 valores de filtro únicos y la tienda puede tener como máximo 1.000 grupos de filtros en todas las configuraciones de filtro seleccionadas.
- En la aplicación Shopify Search & Discovery, un filtro muestra como máximo 1.000 valores de filtro. Los filtros de metacampo pueden mostrar menos de 1.000 valores porque hay un límite de metacampos de la tienda que se verifican para identificar valores únicos. Los valores de filtro que no se muestran en la aplicación pueden mostrarse en la tienda a los clientes, siempre que el filtro muestre menos de 100 valores de filtro.
- No se admiten traducciones para los valores de los filtros Vendor y Tags. El filtro de etiquetas de producto solo se muestra a clientes que compran en el idioma predeterminado de la tienda. Los valores del filtro Vendor siempre se basan en el idioma predeterminado de la tienda.
- Las traducciones de los valores de filtro se basan en los idiomas publicados para la tienda online y no mostrarán translations for markets configurados con international sales tools.
- El filtro de precios no se muestra para monedas distintas de la moneda predeterminada de la tienda.
Tipos de filtros
Todas las tiendas pueden mostrar los mismos filtros estándar y también puedes crear filtros personalizados exclusivos del catálogo de productos. Puedes combinar filtros estándar y personalizados, hasta un máximo de 25 filtros por tienda.
Cada origen de filtro solo puede usarse una vez en los filtros de la tienda. Por ejemplo, si el filtro Price está activo en la tienda, entonces Price aparece atenuado y no puede seleccionarse como origen de un filtro nuevo.
Filtros estándar
Los filtros estándar de Availability, Category, Price, Product type, Tags y Vendor están disponibles para todas las tiendas.
Filtros personalizados
Los filtros personalizados se basan en las opciones de producto, metafields o metaobjects que se usan en la tienda.
Filtros de opciones de producto
Los filtros de opciones de producto se basan en las opciones que agregaste a los productos.
Por ejemplo, si agregaste una opción de producto "Talla" a los productos de ropa con valores como "Pequeña", "Mediana" y "Grande", entonces estará disponible en la aplicación Search & Discovery un filtro correspondiente de opciones de producto "Talla".
Filtros de metacampos de producto
Los filtros de metacampos de producto se basan en metacampos asignados a todos los productos de la tienda.
Filtros de metacampos de categoría
Los filtros de metacampos de categoría se basan en metacampos de producto asignados a product categories específicas.
Filtros de metacampos de variante
Los filtros de metacampo de variantes se basan en los metacampos de variantes de producto asignados a todas las variantes de la tienda.
Atributos de producto estándar
Los atributos de producto estándar, derivados de la taxonomía de productos estándar de Shopify, se crean automáticamente como definiciones de metacampo de producto cuando asignas una categoría a los productos. Los metacampos asociados son referencias de metaobjeto. Las definiciones de metaobjeto correspondientes son estándar, por lo que no se pueden modificar (no se pueden agregar, quitar ni editar campos). Uno de los campos incluye un valor de referencia de taxonomía.
En la aplicación Search & Discovery, las fuentes de estos atributos se muestran como una de las siguientes opciones:
- Metacampos de producto: cuando se asignan a todos los productos.
- Metacampos de categoría: cuando se asignan a categorías de producto específicas.
Filtros de metacampo
Todos los filtros de metacampo, ya sean de categoría, producto o variante, se basan en una definición de metacampo. Consulta cómo agregar una definición de metacampo. Puedes crear filtros de metacampo para los siguientes tipos de valores:
- Texto de una línea
- Texto de una línea (lista)
- Decimal
- Entero
- Verdadero o falso
- Referencia de metaobjeto
- Referencia de metaobjeto (lista)
Después de configurar los metacampos en los productos o variantes, puedes seleccionar la definición de metacampo como filtro cuando edites los filtros.
Editar filtros
Desde el panel de control de Shopify, ve a Aplicaciones > Search & Discovery.
Haz clic en Filtros y luego en Agregar filtro.
Haz clic en el campo Origen y luego selecciona una fuente de filtro que quieras ofrecer a los clientes.
Opcional: cambiar el nombre del filtro.
Opcional: cambiar el comportamiento del filtro.
Opcional: cambiar la presentación visual.
Opcional: seleccionar valores de filtro para agruparlos como un solo valor.
Opcional: ordenar los valores del filtro.
Haz clic en Guardar.
También puedes reordenar los filtros desde la sección Filtros. Haz clic y arrastra los filtros individuales hasta el orden en que quieras mostrarlos a los clientes.
Cambiar el nombre de los filtros
Puedes cambiar el nombre visible para los clientes de cualquier filtro existente en la tienda.
Cambiar el nombre del filtro no cambiará la información sobre el origen del filtro. Por ejemplo, cambiar el nombre de un filtro basado en una opción de producto no cambiará el nombre de esa opción que se muestra en las páginas de producto individuales.
Pasos:
Desde el panel de control de Shopify, ve a Aplicaciones > Search & Discovery.
Haz clic en Filtros y luego en el filtro cuyo nombre quieras cambiar.
En el campo Etiqueta del filtro, ingresa la nueva etiqueta.
Haz clic en Guardar.
Valores de filtro
En la tienda solo se muestran los valores de filtro que correspondan a los productos de una colección o de un resultado de búsqueda.
A los valores de filtro se les aplican diferentes reglas de ordenamiento y puedes usar filtros de metacampo para tener más control sobre el orden y los valores que se muestran.
Agrupar valores de filtro
Puedes agrupar varios valores de filtro para mostrarlos como un solo valor a los clientes. Por ejemplo, tienes un producto con la opción Color que incluye Onyx, Ebony y Midnight. Puedes agrupar estos valores bajo un solo filtro llamado Negro. Un grupo de filtros puede tener como máximo 200 valores de filtro únicos y una tienda puede tener como máximo 1.000 grupos de filtros.
Pasos:
Desde el panel de control de Shopify, ve a Aplicaciones > Search & Discovery.
Haz clic en Filtros y luego en Agregar filtro, o haz clic en el nombre de un filtro existente.
Si el filtro se basa en un atributo de producto estándar, haz clic en Administrar valores y elige una opción. Más información sobre agrupar filtros de atributos de producto estándar.
En la sección Valores, selecciona los valores que quieres agrupar como un solo valor de filtro. Puedes usar la barra de búsqueda para encontrar más valores de filtro.
Haz clic en Crear grupo.
Ingresa un nombre para el grupo. Este será el único valor de filtro que se mostrará a los clientes.
Haz clic en Listo.
Haz clic en Guardar.
Agrupar filtros de atributos de producto estándar
Los filtros basados en atributos de producto estándar ofrecen una función de agrupación exclusiva. Para acceder a esta función, haz clic en Administrar valores. Allí puedes elegir la agrupación Automática o Manual:
- Automática: los valores se agrupan automáticamente en torno a su valor base de la taxonomía. Por ejemplo, si el filtro Color incluye Rojo claro, Burdeos y Rubí, se agruparán bajo su valor base Rojo. Puedes personalizar la etiqueta del grupo y la muestra, pero no puedes agregar ni quitar valores.
- Manual: los valores inicialmente no están agrupados y se pueden agrupar según los pasos anteriores.
Limitaciones
El filtro Categoría no admite agrupación.
Ordenar valores de filtro
Puedes ordenar los valores de filtro de la forma que mejor se adapte a las necesidades de la tienda. Ofrecemos dos tipos de orden:
Orden automático
De forma predeterminada, los valores de filtro se muestran en orden ascendente, tanto alfabético como numérico. Por ejemplo, un filtro de opción de producto de Tallas de calzado mostrará los valores de menor a mayor.
Los valores de filtro que comienzan con un número y terminan con una palabra, como 60 vatios, se mostrarán junto a los valores de filtro que terminan con la misma palabra. Por ejemplo, un filtro de opción de producto de Edad con los valores de filtro 2 años, 6 meses, 3 años y 2 meses se ordenará de la siguiente manera:
- 2 meses
- 6 meses
- 2 años
- 3 años
Se aplican ordenaciones personalizadas para los filtros con el nombre Size, de modo que los términos de talla comunes se muestren en el orden correcto. Por ejemplo, XS (extra pequeña) aparece antes de S (pequeña).
Los nuevos valores de filtro se ordenan automáticamente.
Orden manual
La ordenación manual te permite elegir el orden en que se muestran los valores de filtro. Después de guardar un orden manual, los nuevos valores de filtro se muestran al final de la lista hasta que actualices el orden.
Pasos:
Desde el panel de control de Shopify, ve a Aplicaciones > Search & Discovery.
Haz clic en Filtros y luego elige un filtro existente o create a new filter.
En Orden, selecciona Manual.
Arrastra los valores para reorganizarlos. También puedes seleccionar varios valores y hacer clic en Mover al inicio o Mover al final para reubicarlos a la vez.
Opcional: para sort with Shopify Magic, haz clic en Reordenar automáticamente
Haz clic en Guardar.
Ordenar con Shopify Magic
Puedes usar Shopify Magic para ordenar los valores de forma lógica según el nombre del filtro y sus valores. Los filtros que usan swatch filters tienen en cuenta los códigos hexadecimales y su posición en la rueda de color para decidir el orden.
El botón Reordenar automáticamente ordena los valores con Shopify Magic. Si el nuevo orden no cumple tus expectativas, haz clic en el botón Deshacer reordenación para restaurar el orden definido manualmente o reorganiza los valores para que se ajusten mejor a las necesidades de la tienda.
Personalizar los valores vacíos de los filtros
Para ayudar a los clientes a encontrar productos disponibles, puedes gestionar los valores vacíos del filtro moviéndolos al final de la lista o ocultándolos por completo. Así, podrán centrarse en los valores que sí tienen resultados. Por ejemplo, vendes camisetas en diferentes colores y tallas. Todos los colores excepto Rojo están agotados. Si mueves los valores vacíos al final, Rojo se mostrará primero en el filtro Color. Si ocultas los valores vacíos, solo se mostrará la opción Rojo en el filtro Color.
Pasos:
Desde el panel de control de Shopify, ve a Aplicaciones > Search & Discovery.
Haz clic en Configuración.
En la sección Filtros > Valores vacíos, selecciona una de estas opciones:
- Para ocultar los valores vacíos del filtro, selecciona Ocultar. Se oculta el filtro por completo si todos los valores del filtro están vacíos.
- Para mover los valores vacíos del filtro al final de la lista de valores, selecciona Mostrar al final.
- Para mantener los valores vacíos del filtro ordenados según la lógica predeterminada, selecciona Mostrar en el orden predeterminado.
Haz clic en Guardar.
Excluir valores de filtro
Si necesitas más control sobre los valores que se muestran a los clientes, puedes usar un filtro de metacampo con solo los valores que quieres mostrar en la tienda.
Por ejemplo, quizá quieras usar las etiquetas de producto para fines distintos de los filtros de la tienda online, como las condiciones de smart collection o el admin product list filtering. En lugar del tipo de filtro por etiqueta de producto, puedes usar un metafield type de texto de una sola línea o un list type.
Filtros visuales
Los valores de filtro pueden incluir elementos visuales como colores, patrones o imágenes más detalladas. Por ejemplo, un filtro Color de tela puede mostrar una pequeña muestra de color para cada valor de filtro.
Para crear elementos visuales con los valores de filtro, usa cualquiera de los siguientes tipos de filtro basados en una referencia a un metaobjeto:
Agregar un filtro de atributo de producto estándar
Pasos:
Desde el panel de control de Shopify, ve a Aplicaciones > Search & Discovery.
Haz clic en Filtros.
Haz clic en Agregar filtro o haz clic en un filtro existente.
Haz clic en el campo Fuente y luego selecciona un filtro del tipo Metacampo de categoría o Metacampo de producto basado en un standard product attribute.
Haz clic en Administrar valores.
Elige una de estas opciones: Automatic or Manual for grouping.
Selecciona Incluir muestra. Puedes dejar esta opción sin seleccionar para mostrar solo texto.
Para usar imágenes como muestras, selecciona Usar imágenes cuando estén disponibles.
Haz clic en Guardar.
Agregar un filtro de metacampo personalizado
Puedes agregar un custom metafield filter basado en una referencia a un metaobjeto. Antes de agregar un filtro de metacampo personalizado, revisa los siguientes requisitos y prácticas recomendadas:
Requisitos para filtros visuales basados en metacampos personalizados
Para crear elementos visuales para custom metafield filters, deben cumplir los siguientes requisitos:
- Un metaobjeto que cumpla los siguientes criterios:
- Al menos un campo de color o un campo de archivo con imágenes. Ambos campos solo admiten un valor; no se admiten listas de valores.
- Un campo para nombrar el valor del filtro. Debe permitir solo un valor, no se puede usar una lista de valores como nombre del filtro. El campo puede ser de cualquiera de los siguientes tipos:
- texto de una sola línea
- decimal
- entero
- booleano (verdadero o falso)
- Una definición de metacampo que cumpla los siguientes criterios:
- La definición se crea para Producto o Variante.
- El tipo de metacampo es Metaobjeto y hace referencia a la definición de metaobjeto creada en el paso anterior.
- Define si los metacampos permiten una sola entrada o una lista de entradas del metaobjeto.
- Tanto las definiciones de metaobjeto como de metacampo deben tener activado storefront access.
Mejores prácticas para filtros visuales basados en metacampos personalizados
Los filtros por variantes de producto enlazan con variantes más relevantes en los resultados de búsqueda y en las páginas de colección. Por ejemplo, se muestran solo productos rojos cuando se hace clic en una muestra de color roja. Usa metacampos de variante para la referencia al metaobjeto a fin de usar el filtrado a nivel de variante. Si no es importante enlazar a variantes específicas con el filtro, usa metacampos de producto.
Una definición de metaobjeto para una muestra de color debe tener tanto un campo de color como uno de imagen. No hace falta asignar un valor a ambos; así podrás usar cualquiera en el futuro.
Si los productos o variantes tienen varios colores por los que se puede filtrar, configura la definición de metacampo para permitir una lista de entradas. Esto permite asignar varias entradas de metaobjeto a un mismo artículo y cada una se mostrará como un valor de filtro en la tienda.
Pasos:
Desde el panel de control de Shopify, ve a Aplicaciones > Search & Discovery.
Haz clic en Filtros.
Haz clic en Agregar filtro o haz clic en un filtro existente.
Haz clic en el campo Origen y luego selecciona un filtro del tipo metacampo de categoría, producto o variante.
Configura el campo Etiqueta para los valores de filtro seleccionando un metacampo.
Marca Incluir elemento visual y selecciona un estilo visual:
- Elige Muestra para muestras de color pequeñas o patrones. Define el contenido de la muestra seleccionando:
- Un campo de color para el color de la muestra.
- Un campo de imagen para el patrón de la muestra.
- Elige Imagen para íconos, logos u otros elementos gráficos que no deberían recortarse. Define el contenido seleccionando un campo de imagen para Imagen.
- Elige Muestra para muestras de color pequeñas o patrones. Define el contenido de la muestra seleccionando:
Comportamiento de los filtros
Solo se muestran los filtros que pueden aplicarse a los productos en una página de colección o en los resultados de búsqueda.
Cuando eliges valores de filtros distintos, se aplica una condición y que puede reducir la cantidad de productos mostrados. Por ejemplo, si eliges Rojo en el filtro Color y 8 en el filtro Talla, se devuelven productos que sean rojos y de talla 8.
De forma predeterminada, elegir varios valores dentro del mismo filtro aplica una condición o, lo que puede aumentar la cantidad de resultados. Por ejemplo, si eliges los valores Rojo y Verde en el filtro Color, se muestran todos los productos rojos o verdes. Algunos tipos de filtro pueden usar en cambio una condición y para sus valores. Aprende cómo personalizar el comportamiento de los filtros con la aplicación Shopify Search & Discovery.
La cantidad de productos mostrados también depende de si los filtros son a nivel de producto o a nivel de variante. Por ejemplo, un cliente puede elegir varios valores de Color en un filtro de opciones de producto, pero se muestra solo un producto. Esto se debe a que las opciones de producto son filtros a nivel de variante y todos los colores pertenecían a las variantes de ese único producto.
Personalizar el comportamiento de los filtros
En los filtros de etiqueta de producto, lista de metacampos y lista de referencias a metaobjetos, puedes elegir si la condición entre valores sea la condición predeterminada o o la condición y. Por ejemplo, con el filtrado por y, al elegir Nuevo y Oferta en un filtro de etiquetas de producto, solo se devuelven los productos que tengan ambas etiquetas.
Pasos:
Desde el panel de control de Shopify, ve a Aplicaciones > Search & Discovery.
Haz clic en Filtros y luego en Agregar filtro.
Haz clic en el campo Origen y luego selecciona una fuente de filtro que quieras ofrecer a los clientes.
Elige el comportamiento que se aplicará a los valores del filtro en la sección Lógica.
Haz clic en Guardar.
Traducciones de filtros
Las etiquetas, los valores y los grupos de los filtros se pueden traducir a los idiomas compatibles de la tienda. Puedes traducir el contenido con apps de traducción como Shopify Translate & Adapt.
Cuando no hay contenido traducido para los filtros, se usa el idioma predeterminado de la tienda.
Los valores de los filtros se basan en el contenido traducido de los productos y sus variantes.
Es posible que un filtro tenga una cantidad distinta de valores según el idioma. Por ejemplo, el idioma predeterminado de la tienda es inglés y además agregas francés como idioma compatible. Los valores del filtro Color incluyen el valor Brown. En inglés hay una palabra común para marrón y en francés hay dos. La app de traducción traduce automáticamente el valor de filtro Brown como Brun o Marron en los productos de la tienda. En la tienda online, los filtros mostrarán un valor para marrón en el filtro Color en inglés y dos valores para marrón en francés.
Para mantener una sola traducción por cada valor de filtro, edita el contenido traducido del producto con una app de traducción.
Idiomas de Mercados
Las traducciones de los valores de filtro no admiten instancias adicionales de un idioma setup for specific markets. Por ejemplo, una tienda online puede tener traducciones de productos al francés y dos traducciones adicionales al francés para los mercados de Canadá y Francia. En ese caso, todos los valores de filtro se basan en el francés general, incluso cuando los clientes compran en francés para esos mercados específicos.
Las etiquetas y los grupos de filtros sí admiten traducciones por idioma para mercados específicos.
Resolución de problemas de filtros
Revisa las siguientes soluciones para problemas comunes de filtros:
Falta el filtro de precio en tiendas con múltiples monedas
Si tienes international pricing o activaste múltiples monedas, el filtro de precio no se muestra cuando los clientes seleccionan cualquier moneda distinta de la moneda predeterminada de la tienda. Esta es una limitación actual de la funcionalidad del filtro de precio.
Resolución de problemas de visualización de filtros
Si existe un filtro pero no muestra todos los productos u opciones esperados, el problema podría estar relacionado con la indexación de búsqueda de la tienda. Esto puede suceder cuando:
- Se agregaron recientemente nuevos valores de metacampo a productos
- Se actualizaron recientemente productos con nueva información relacionada con filtros
- Los datos de búsqueda de la tienda no están sincronizados
Para resolver problemas de indexación, prueba estos pasos:
- Espera de 24 a 48 horas a que finalice la reindexación automática
- Haz una pequeña actualización en los productos afectados (por ejemplo, agrega un espacio al nombre del producto) y guarda para activar la reindexación
- Comunícate con atención al cliente de Shopify si el problema persiste
Los filtros de opciones de producto muestran valores inesperados
Los filtros de opciones de producto muestran valores según los nombres de las opciones de las variantes de producto. Si un filtro muestra valores inesperados u opciones faltantes:
- Verifica que los nombres de las opciones de producto coincidan exactamente entre productos (por ejemplo, usa "Color" de forma coherente en lugar de mezclar "Color" y "Color:")
- Asegúrate de que los productos que usan el filtro tengan configurada la opción de producto
Los filtros no se muestran
Es posible que los filtros no se muestren en algunas situaciones debido a los límites de productos:
- Colecciones: los filtros se ocultan si una colección contiene más de 5.000 productos
- Resultados de búsqueda: los filtros se ocultan si los resultados de búsqueda superan los 100.000 productos
Si la colección o los resultados de búsqueda superan estos límites, los filtros no estarán disponibles para los clientes en esa página.
Faltan valores de filtro o están incompletos
Los filtros tienen límites en la cantidad de valores únicos que se pueden mostrar:
- Etiquetas: hasta 5.000 valores únicos de etiquetas
- Opciones y atributos de producto: hasta 1.000 valores únicos
- Metacampos: es posible que falten algunos valores según cómo esté estructurado el metacampo
Si faltan valores de filtro, verifica que no hayas superado estos límites.
Problemas de traducción de filtros
Si los filtros o los valores de filtro no se muestran correctamente en distintos idiomas:
- Verifica que el contenido esté traducido en la app de traducción
- Recuerda que los filtros de etiqueta de producto y de proveedor solo se muestran en el idioma predeterminado de la tienda
- Usa filtros de metacampo para que las traducciones funcionen mejor en varios idiomas