Facets

Questa funzione di filtraggio intelligente rende facile per i visitatori trovare gli articoli giusti, anche nei più grandi set di risultati di ricerca.

I Facets possono essere utilizzati sia nella Search Page che nei layout di Omnisearch. Entrambi questi layout offrono diversi design standard per iniziare con una grande esperienza di ricerca.

Attributi dinamici #

Quando i tuoi prodotti includono vari set di attributi, i Facets mostreranno solo i filtri rilevanti per ogni ricerca individuale.

Ad esempio, una ricerca per “laptop” mostrerà probabilmente specifiche come RAM, spazio di archiviazione, dimensione dello schermo e così via, mentre le ricerche per “cuffie” includeranno la loro vestibilità, funzionalità bluetooth, caratteristiche EQ e altro ancora.

Assicurati di importare solo gli attributi rilevanti per ogni prodotto nel tuo catalogo, e i Facets saranno dinamici per ogni ricerca.

Intervalli automatici #

Gli attributi che sono numeri saranno riconosciuti dai faccets e mostrati come una combinazione di un selettore di intervallo e diversi intervalli predefiniti.

Questi sono dinamici e cambieranno a seconda di ogni set di risultati. Ad esempio, se un set contiene prodotti con prezzi compresi tra €10 e €150, i bucket varieranno probabilmente tra €10-€30 e €140+.

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

Per sviluppatori #

I Facets fanno parte del kit UI Clerk.js che semplifica l’aggiunta di funzionalità al tuo sito.

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

Per la Search Page, sono integrati direttamente nello snippet che visualizza 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 consistono in due parametri che vengono aggiunti allo snippet:

• data-facets-attributes: Un elenco di attributi che hanno il potenziale di essere mostrati per ricerche dove sono rilevanti
• data-facets-titles: Un array di attributi e titoli associati che configura come vengono mostrati agli utenti finali.

Filtraggio URL #

Potresti voler inviare pagine di ricerca pre-filtrate nel tuo marketing, e i Facets rendono tutto ciò molto facile. Aggiungendo semplicemente il parametro data-facets-in-url al tuo snippet della pagina di categoria, i facets saranno 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 nella nostra documentazione per sviluppatori