Facets

Esta función de filtrado inteligente facilita a los visitantes encontrar los artículos correctos, incluso en los conjuntos más grandes de resultados de búsqueda.

Los Facets se pueden utilizar tanto en la Página de Búsqueda como en los diseños de Omnisearch. Ambos vienen con varios diseños estándar para que comiences con una gran experiencia de búsqueda.

Atributos dinámicos #

Cuando tus productos incluyen varios conjuntos de atributos, los Facets mostrarán solo los filtros que son relevantes para cada búsqueda individual.

Por ejemplo, una búsqueda de “laptops” probablemente mostrará especificaciones como RAM, espacio de almacenamiento, tamaño de pantalla, etc., mientras que las búsquedas de “auriculares” incluirán su ajuste, funcionalidades bluetooth, características de EQ y más.

Asegúrate de importar solo los atributos relevantes para cada producto en tu catálogo, y los Facets serán dinámicos para cada búsqueda.

Rangos automáticos #

Los atributos que son números serán reconocidos por los facets y mostrados como una combinación de un selector de rango y varios rangos predefinidos.

Estos son dinámicos y cambiarán dependiendo de cada conjunto de resultados. Por ejemplo, si un conjunto contiene productos con precios entre €10 - €150, los rangos probablemente oscilarán entre €10-€30 y €140+.

Por defecto, así es como se manejan los precios.

Para desarrolladores #

Los Facets son parte del kit de interfaz de usuario Clerk.js que facilita agregar funcionalidad a tu sitio.

Para Omnisearch, los Facets se configuran en my.clerk.io.

Para la Página de Búsqueda, están integrados directamente en el fragmento que muestra los resultados:

<div id="clerk-search-filters"></div>

<span 
  class="clerk" 
  data-template="@search-page" 
  data-query="shoes"
  data-facets-target="#clerk-search-filters" 
  data-facets-attributes='["price","categories","brand"]'
  data-facets-titles='{"price": "PRICE_LABEL", "categories": "CATEGORIES_LABEL", "brand": "BRAND_LABEL"}'
  data-facets-in-url="true">
</span>

Parámetros #

Los Facets constan de dos parámetros que se añaden al fragmento:

• data-facets-attributes: Una lista de atributos que tienen el potencial de mostrarse para búsquedas donde son relevantes.
• data-facets-titles: Un array de atributos y títulos asociados que configura cómo se muestran a los usuarios finales.

Filtrado de URL #

Es posible que desees enviar páginas de búsqueda prefiltradas en tu marketing, y los Facets hacen esto muy fácil. Simplemente agregando el parámetro data-facets-in-url a tu fragmento de página de categoría, los facets se añadirán a la URL.

Cuando abras la URL, los facets ya estarán seleccionados:

https://awesomestore.com/sneakers?brand=nike&size=42

Puedes leer más sobre los aspectos técnicos de Facets en nuestra documentación para desarrolladores