Facets

Questa funzione di filtraggio intelligente facilita enormemente ai visitatori la ricerca degli articoli giusti, anche nei set più grandi di risultati di ricerca.

I Facets possono essere utilizzati sia nei layout della Search Page sia in Omnisearch. Entrambe queste opzioni offrono diversi design standard per iniziare subito con una grande esperienza di ricerca.

Attributi Dinamici #

Quando i tuoi prodotti includono vari set di attributi, Facets mostrerà solo i filtri rilevanti per ogni singola ricerca.

Ad esempio, una ricerca per “laptops” mostrerà probabilmente specifiche come RAM, spazio di archiviazione, dimensioni dello schermo e così via, mentre le ricerche per “headphones” includeranno il tipo di indossabilità, funzionalità bluetooth, caratteristiche EQ e altro.

Assicurati di importare solo gli attributi rilevanti per ogni prodotto nel tuo catalogo, e Facets sarà dinamico per ogni ricerca.

Intervalli automatici #

Gli attributi che sono numeri saranno riconosciuti da facets e mostrati come una combinazione di selettore di intervallo e diversi intervalli predefiniti.

Questi sono dinamici e cambiano in base ad ogni insieme di risultati. Ad esempio, se un insieme contiene prodotti con prezzi tra 10 € e 150 €, i gruppi avranno probabilmente intervalli tra 10-30 € e 140 €+.

Per impostazione predefinita, i prezzi vengono gestiti in questo modo.

Per gli sviluppatori #

I Facets fanno parte del kit UI di Clerk.js che rende facile aggiungere funzionalità al tuo sito.

Per Omnisearch, Facets sono configurati in my.clerk.io.

Per la Search Page, sono integrati direttamente nello snippet che mostra i risultati:

<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>

Parametri #

I Facets sono composti da due parametri che vengono aggiunti allo snippet:

• data-facets-attributes: Un elenco di attributi che possono essere mostrati per le ricerche in cui sono rilevanti
• data-facets-titles: Un array di attributi e titoli associati che configurano come devono essere mostrati agli utenti finali.

Filtraggio tramite URL #

Potresti voler inviare pagine di ricerca pre-filtrate nelle tue attività di marketing e Facets lo rende molto semplice. Basta aggiungere il parametro data-facets-in-url allo snippet della tua pagina di categoria e i facets verranno aggiunti all’URL.

Quando apri l’URL, i facets saranno già selezionati:

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

Puoi leggere di più sugli aspetti tecnici dei Facets nei nostri developer docs