Agregar filtros

Puedes usar la aplicación Search & Discovery de Shopify a fin de crear filtros para la tienda online que permiten a los clientes refinar la selección de 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 puede crear filtros para el nombre de la marca, el precio, el tamaño de la esfera y la resistencia al agua.

Requisitos

Los filtros están disponibles para cualquier tema de la Online Store 2.0 y para las tiendas externas que usan el filtro Liquid API o Storefront API para su tienda online. Aprende cómo mostrar los filtros en tu tema de la Online Store 2.0.

Si el tema no admite filtros, puedes crearlos en la aplicación Shopify Search & Discovery, pero no se mostrarán a los clientes.

Puedes determinar si el tema de la tienda admite filtros en Tienda online > Navegación en el panel de control de Shopify. Si el tema no admite filtros, se muestra un mensaje en la sección Filtros de búsqueda y colección.

Consideraciones para agregar filtros

Revisa las siguientes consideraciones para usar la aplicación Search & Discovery de Shopify:

  • Las colecciones que contienen más de 5.000 productos no muestran filtros. Considera dividir colecciones grandes en más pequeñas que puedan hacerlo. Por ejemplo, en lugar de crear una sola colección de moda de mujer, puedes crear colecciones más pequeñas según el tipo de ropa, como Tops, Jeans y Botas.
  • Una búsqueda que produzca más de 100 000 resultados no muestra filtros.
  • Un filtro puede mostrar un máximo de 100 valores en la tienda. Si el filtro tiene más de 100 valores posibles, algunos no se mostrarán a los clientes. Puedes reducir el número de valores de filtro posibles si agrupas valores similares. Un grupo de filtro puede tener un máximo de 200 valores de filtro únicos y una tienda puede tener un máximo de 1.000 grupos de filtro en todas las opciones de configuración de filtro seleccionadas.
  • En la aplicación Search & Discovery de Shopify, un filtro muestra un máximo de 1.000 valores. Los filtros de metacampo pueden mostrar menos de 1.000 valores porque hay un límite en la cantidad de metacampos en la tienda que se verifican para obtener valores únicos. Los valores de filtro que no se muestran en la aplicación se pueden mostrar en la tienda a los clientes, siempre y cuando el filtro muestre menos de 100 valores.
  • Los valores de filtro Proveedor y Etiquetas no admiten traducciones. El filtro de etiqueta de producto solo se muestra a los clientes que compren en el idioma predeterminado de la tienda. Los valores de filtro del proveedor siempre se basan en el idioma predeterminado de la tienda.
  • Las traducciones de valores de filtro se basan en los idiomas publicados para la tienda online y no se mostrarán las traducciones para los mercados configurados con Internacional.
  • El filtro de precio no se muestra para las monedas que no sean la predeterminada de la tienda.

Tipos de filtros

Todas las tiendas pueden mostrar los mismos filtros estándar y puedes crear filtros personalizados únicos para el catálogo de productos. Puedes tener una combinación de filtros estándar y personalizados, con un máximo de 25 filtros para la tienda.

Cada fuente de filtro solo se puede usar una vez para los filtros de una tienda. Por ejemplo, si tienes el filtro Precio activo en la tienda, este estará en gris y no podrá seleccionarse como fuente de un nuevo filtro.

Filtros estándar

Los filtros estándar de Disponibilidad, Categoría, Precio, Tipo de producto, Etiquetas y Proveedor están disponibles para todas las tiendas.

Filtros personalizados

Los filtros personalizados se pueden crear mediante opciones de producto, metacampos o metaobjetos.

Los filtros de opción de producto se basan en las variantes de producto. Por ejemplo, si vendes ropa con diferentes variantes de talla, puedes agregar el filtro Talla de opción de producto.

Filtros personalizados con metacampos

Los filtros de metacampo son útiles para crear filtros únicos para el catálogo de productos. Por ejemplo, si vendes juguetes para niños, puedes crear un filtro personalizado Edad de metacampo de producto. También puedes crear filtros visuales para ayudar a los clientes a comprender tus filtros rápidamente.

Los metacampos deben tener una definición de metacampo para poder usarse como filtro. Aprende cómo agregar una definición de metacampo. Puedes crear filtros de metacampos para los siguientes tipos de valor:

  • Texto de una sola línea
  • Texto de una línea (lista)
  • Decimal
  • Número entero
  • Verdadero o falso
  • Referencia de metaobjeto
  • Referencia de metaobjeto (lista)

Después de configurar tus metacampos en tus productos o variantes, puedes seleccionar la definición del metacampo como un filtro al editar tus filtros.

Editar filtros

  1. En la aplicación Search & Discovery de Shopify, ve a Filtros y luego haz clic en Agregar filtro.
  2. Haz clic en el campo Fuente y luego selecciona una fuente de filtro que desees que esté disponible para los clientes.
  3. Opcional: Cambia el nombre del filtro.
  4. Opcional: Cambia el comportamiento del filtro.
  5. Opcional: Selecciona los valores de filtro para agruparlos como un valor único.
  6. Opcional: Clasifica los valores de filtro.
  7. Haz clic en Guardar.

También puedes volver a ordenar los filtros desde la sección Filtros. Haz clic en filtros individuales y arrástralos en el orden en el que desees mostrarlos a los clientes.

Cambiar el nombre de los filtros

Puedes cambiar el nombre orientado al cliente de cualquier filtro existente en la tienda.

Cambiar el nombre del filtro no modificará la información sobre la fuente del filtro. Por ejemplo, cambiar el nombre del filtro según una opción de producto no cambiará el nombre de esa opción que se muestra en las páginas de producto individuales.

Pasos:

  1. En la aplicación Search & Discovery de Shopify, ve a Filtros y haz clic en el filtro cuyo nombre desees cambiar.
  2. En el campo Etiqueta de filtro, introduce la nueva etiqueta.
  3. Haz clic en Guardar.

Filtrar valores

Solo se muestran en la tienda los valores de filtro que se aplican a los productos de una colección o un resultado de búsqueda.

Se aplican diferentes reglas de clasificación para valores de filtro y puedes usar filtros de metacampos para tener más control sobre la clasificación y los valores mostrados.

Agrupar valores de filtro

Puedes agrupar varios valores de filtro para mostrarlos a los clientes como un valor de filtro único. Por ejemplo, tienes un producto con la opción Color que incluye Ónix, Ébano y Medianoche. Puedes agrupar estos valores en un filtro único con el nombre Negro. Un grupo de filtro puede tener un máximo de 200 valores de filtro únicos y una tienda puede tener un máximo de 1.000 grupos de filtro.

Pasos:

  1. En la aplicación Search & Discovery de Shopify, ve a Filtros y luego haz clic en Agregar filtro o en el nombre de un filtro existente.
  2. Opcional: Si estás agregando un nuevo filtro, haz clic en el campo Fuente y luego selecciona una fuente de filtro que desees que esté disponible para los clientes.
  3. En la sección Valores, selecciona los valores que desees agrupar como un valor de filtro único. Puedes usar la barra de búsqueda para buscar más valores de filtro.
  4. Haz clic en Crear grupo.
  5. Introduce un nombre para el grupo. Este es el valor de filtro único que se muestra a los clientes.
  6. Haz clic en Listo.
  7. Haz clic en Guardar.

Limitaciones

El filtro de Categoría no admite grupos.

Ordenar valores de filtro

Puedes clasificar los valores de filtro de la manera que mejor se adapte a las necesidades de tu tienda. Ofrecemos dos órdenes de clasificación:

Clasificación automática

Los valores de filtro se muestran en orden ascendente de forma predeterminada, tanto alfabética como numéricamente. Por ejemplo, un filtro de opción de producto de números de zapato mostrará los valores de menor a mayor.

Los valores de filtro que comienzan con un número y terminan con una palabra, como 60 watts, 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 de 2 años, 6 months, 3 años y 2 meses se clasificará en el siguiente orden:

  • 2 meses
  • 6 meses
  • 2 años
  • 3 años

Se aplican órdenes de clasificación personalizados para los filtros con el nombre Talla, de modo que los términos de talla comunes se muestren en el orden correcto. Por ejemplo, XS (extra pequeña) precede a S (pequeña).

Los valores de filtro nuevos se clasificarán automáticamente.

Clasificación manual

La clasificación manual te permite elegir el orden de visualización de los valores del filtro. Después de guardar un orden de clasificación manual, cualquier valor de filtro nuevo se muestra al final de la lista hasta que actualices el orden.

Pasos:

  1. En la aplicación Search & Discovery de Shopify, ve a Filtros y elige un filtro existente o crea uno nuevo.
  2. En Clasificar, selecciona Manualmente.
  3. Arrastra los valores para reorganizar. O bien puedes seleccionar varios valores y hacer clic en Mover a la parte superior o Mover a la parte inferior para ubicarlos juntos.
  4. Opcional: Haz clic en Reordenar por mí para clasificar con Shopify Magic
  5. Haz clic en Guardar.

Clasifica con Shopify Magic

Puedes usar Shopify Magic para clasificar los valores en un orden lógico según el nombre del filtro y sus valores. Los filtros que usan filtros de muestra toman en cuenta los códigos hexadecimales y su posición en la rueda de colores para decidir el orden de clasificación.

El botón Reordenar por mí clasificará tus valores con Shopify Magic. Si la clasificación nueva no cumple con tus expectativas, puedes hacer clic en el botón Deshacer orden para restaurar el orden por clasificación manual o reorganizar los valores a fin de que se adapten mejor a los requisitos de la tienda.

Limitaciones

El filtro de Categoría no admite la clasificación manual o de Magic. Sus valores están ordenados alfabéticamente.

Personalizar valores de filtro vacíos

Para ayudar a los clientes a encontrar productos disponibles, puedes gestionar los valores de filtro vacíos si los mueves al final de la lista o los ocultas por completo. Esto permite a los clientes centrarse en los valores con resultados coincidentes. Por ejemplo, vendes camisetas en diferentes colores y tallas. Todos los colores, excepto Rojo, están agotados. Si mueves los valores vacíos a la parte inferior, 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:

  1. En la aplicación Search & Discovery de Shopify, ve a Configuración.
  2. En la sección Filtros > Valores vacíos, selecciona una de las siguientes opciones:

    • Para ocultar los valores de filtro vacíos, selecciona Ocultar. Un filtro se oculta por completo si todos su valores están vacíos.
    • Para mover los valores de filtro vacíos a la parte inferior de la lista, selecciona Mostrar al final.
    • Para mantener los valores de filtro vacíos ordenados por la lógica de clasificación predeterminada, selecciona Mostrar en orden predeterminado.
  3. Haz clic en Guardar.

Excluir valores de filtro

Si necesitas tener más control sobre los valores que se muestran a los clientes, puedes usar un filtro de metacampo solo con los valores que desees que se muestren en la tienda.

Por ejemplo, quizás quieras usar etiquetas de producto para fines distintos de los filtros de la tienda online, como las condiciones de colección automatizada o el filtro de la lista de productos del panel de control. Se puede usar un tipo de metacampo de texto de una sola línea o un tipo de lista en lugar del tipo de filtro de etiqueta de producto.

Filtros visuales

Los valores de filtro pueden incluir elementos visuales, como colores, patrones o imágenes más detalladas. Por ejemplo, un filtro Color del tejido puede presentar una pequeña muestra de color para cada valor de filtro.

Para crear elementos visuales con los valores de filtro, configura datos personalizados para la tienda con metacampos y metaobjetos. También debes cumplir con los siguientes requisitos:

  • Un tema de la tienda online que admita exponer muestras e imágenes de valor de filtro.
  • Un metaobjeto que cumple con los siguientes criterios:

    • Al menos un campo para el color o un campo para el tipo de archivo con imágenes. Ambos campos solo pueden admitir un único valor, ya que las listas de valores no pueden usarse.
    • Un campo para dar nombre al valor del filtro. Solo debe permitir un único valor, una lista de valores no puede usarse como nombre de filtro. El campo puede ser cualquiera de los siguientes tipos:
    • Texto de una sola línea
    • Decimal
    • número entero
    • booleano (verdadero o falso)
  • Una definición de metacampo que cumpla con los siguientes criterios:

    • La definición debe estar hecha para un producto o para una variante.
    • El tipo de metacampo debe ser Metaobjeto y hacer referencia a la definición de metaobjeto creada en el paso anterior.
    • Se debe establecer si los metacampos permiten una entrada o una lista de entradas del metaobjeto.
  • Tanto la definición de metaobjeto como la de metacampo deben tener activado el acceso a la tienda online.

Mejores prácticas para filtros de elementos visuales

Los filtros de variante de producto enlazarán con variantes más pertinentes en los resultados de búsqueda y en las páginas de colección. Por ejemplo, se mostrarán solo productos rojos cuando se haga clic en una muestra de color rojo. Utiliza metacampos de variante para que la referencia de metaobjeto use el filtrado a nivel de variante. Si enlazar con variantes específicas no es importante para tu filtro, utiliza metacampos de producto en su lugar.

Una definición de metaobjeto para una muestra de color debe tener tanto un campo de imagen para el color como uno para la imagen. No es necesario que proporciones un valor para ambos, pero esto te dará la opción de usar cualquiera de esos campos en el futuro.

Si los productos o variantes tienen múltiples colores por los que puedes filtrar, establece la definición de metacampo para permitir una lista de entradas. Esto te permite asignar varias entradas de metaobjeto a un solo artículo y cada una se mostrará como un valor de filtro en la tienda.

Pasos:

Después de asignar tu metacampo a productos o variantes en la tienda, puedes configurar el filtro para la tienda online:

  1. En la aplicación Shopify Search & Discovery, ve a Filtros.
  2. Haz clic en Agregar filtro o en un filtro existente.
  3. Haz clic en el campo Fuente y luego selecciona un filtro de metacampo con una referencia de metaobjeto.
  4. Haz clic en Mostrar opciones.
  5. Define el campo Etiqueta para los valores de filtro seleccionando un metacampo.
  6. Marca Incluir elemento visual y selecciona un estilo visual:
    • Selecciona Muestra para obtener pequeños patrones o muestras de color. Para establecer el contenido de la muestra, selecciona:
      • Un campo de color para el Color de muestra.
      • Un campo de imagen para el Patrón de muestra.

- Elige Imagen para íconos, logos u otros gráficos que no deberían recortarse. Para establecer el contenido, selecciona un campo de imagen para la Imagen.

Filtrar comportamiento

Solo se muestran los filtros que pueden aplicarse a los productos en una página de colección o en el resultado de búsqueda.

Elegir valores de diferentes filtros es una condición de tipo and que puede disminuir el número de productos que se muestran. Por ejemplo, al elegir Rojo del filtro Color y 8 del filtro Talla, se muestran productos que son rojos y talla 8.

De forma predeterminada, elegir valores de filtro del mismo filtro es una condición de tipo or que puede aumentar el número de resultados. Por ejemplo, al elegir los valores Rojo y Verde de un filtro de color se muestran todos los productos que son rojos o verdes. Algunos tipos de filtros pueden usar una condición de tipo and para sus valores de filtro. Obtén información sobre cómo personalizar el comportamiento de los filtros con la aplicación Search & Discovery de Shopify.

El número de productos que se muestran también depende de si los filtros son de producto o de variante. Por ejemplo, un cliente puede elegir varios valores de color a partir de un filtro de opción de producto, pero solo se mostrará un producto. Esto se debe a que las opciones de producto son filtros de variante y todos los colores pertenecen a las variantes de ese solo producto.

Personalizar el comportamiento del filtro

Para los filtros de etiqueta de producto, lista de metacampos y lista de referencias de metaobjeto, puedes elegir la condición del filtro entre los valores para que sean la condición predeterminada or o la condición and. Por ejemplo, con el filtro and, si se elige Nuevo y Oferta de un filtro de etiqueta de producto, solo se mostrarán productos que tienen ambas etiquetas.

Pasos:

  1. En la aplicación Search & Discovery de Shopify, ve a Filtros y luego haz clic en Agregar filtro.
  2. Haz clic en el campo Fuente y luego selecciona una fuente de filtro que desees que esté disponible para los clientes.
  3. Elige el comportamiento que se aplicará a los valores de filtro dentro de la sección Lógica.
  4. Haz clic en Guardar.

Filtrar traducciones

Las etiquetas, valores y grupos de filtro se pueden traducir a los otros idiomas admitidos de la tienda. Puedes traducir contenido con aplicaciones de traducción, como Shopify Translate & Adapt.

Cuando no hay contenido traducido para los filtros, se utiliza el idioma predeterminado de la tienda.

Los valores de filtro se basan en el contenido traducido de los productos y sus variantes.

Es posible tener una cantidad diferente de valores para un filtro entre idiomas. Por ejemplo, el idioma predeterminado de la tienda es el inglés y también agregas francés como idioma admitido. Los valores del filtro Color incluyen el valor Brown (Marrón). El inglés tiene una palabra común para marrón y el francés tiene dos palabras comunes. La aplicación de traducción traduce automáticamente el valor de filtro Brown en Brun o Marron en los productos de la tienda. Los filtros de la tienda online mostrarán un valor para marrón en el filtro Color en inglés y dos valores para marrón en francés.

Para guardar una sola traducción para cada valor de filtro, debes editar el contenido traducido del producto con una aplicación de traducción.

Idiomas del mercado

Las traducciones de valores de filtro no admiten instancias adicionales de un idioma configurado para mercados específicos. Por ejemplo, una tienda online puede tener traducciones de productos para francés y dos traducciones adicionales al francés para los mercados de Canadá y Francia. En este caso, todos los valores de filtro se basan en el idioma general francés, incluso cuando los clientes compran en francés para esos mercados específicos.

Las etiquetas y los grupos de filtro admiten traducciones de idioma para mercados específicos.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis