Facets

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

Los Facets se pueden utilizar tanto en el diseño de la Search Page como en Omnisearch. Ambos incluyen varios diseños estándar para que comiences con una excelente experiencia de búsqueda.

Dynamic Attributes #

Cuando tus productos incluyen varios conjuntos de atributos, Facets solo mostrará los filtros que sean 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 “headphones” 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 Facets será dinámico para cada búsqueda.

Rango automático #

Los atributos que son números serán reconocidos por Facets, y se mostrarán como una combinación de un selector de rangos 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 intervalos probablemente irán de €10-€30 y €140+.

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

Para desarrolladores #

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

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

Para la Search Page, se integran directamente en el snippet 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 agregan al snippet:

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

Filtrado de URL #

Es posible que desees enviar páginas de búsqueda pre-filtradas en tu marketing, y Facets lo hacen muy fácil. Simplemente agregando el parámetro data-facets-in-url al snippet de tu página de categoría, los Facets se agregará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