FAQ

Nascondi lo slider delle categorie #

Quando una Recommendation di Clerk.io viene aggiunta a una pagina di categoria che contiene pochi prodotti, verranno mostrati gli stessi prodotti sulla pagina.

Per evitare questo, puoi nascondere la Recommendation nelle pagine di categoria, aggiungendo una if statement al codice design della Recommendation.

Cambia il numero nell’if statement nel numero minimo di prodotti necessari per mostrare la Recommendation.

{% if products.length > 7 %}
 
 <!-- Recommendation code -->

{% endif %}

Ad esempio:

{% if products.length > 7 %}
<div class="clerk-wrapper">
    <div class="clerk-headline-wrapper">
        <h2 class="clerk-headline">{{headline}}</h2>
    </div>
    <div class="clerk-slider-wrapper">
        <div class="clerk-slider">
            {% for item in products %}
            <div class="clerk-slider-content">
                <!-- START PRODUCT CARD -->
                <!-- END PRODUCT CARD -->
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endif %}

Questo approccio nasconde solo lo slider, ma viene comunque conteggiato nell’utilizzo delle Recommendation. Per poche categorie, questo metodo funziona bene.

Tuttavia, se hai molte categorie con pochi prodotti, consigliamo invece di bloccare l’iniezione dello slider a livello server.

Consiglia prodotti compatibili #

L’AI di Clerk consiglia prodotti in base a quelli che è più probabile vengano acquistati insieme. Questo funziona bene per la maggior parte dei negozi, ma alcuni cataloghi contengono prodotti che devono essere fisicamente o tecnicamente compatibili — come ricambi auto, componenti elettronici o parti di ricambio per macchinari.

In questi casi, la popolarità di un prodotto non è sufficiente. Deve anche essere compatibile con il prodotto che il cliente sta visualizzando.

La soluzione è aggiungere ai tuoi prodotti degli attributi che definiscono la compatibilità, e poi usare il filtro dinamico per limitare le recommendation solo ai prodotti corrispondenti.

L’AI di Clerk sceglierà comunque i prodotti migliori da mostrare, ma solo all’interno del sottoinsieme che supera il filtro. Questo significa che ottieni il meglio di entrambi i mondi: ordinamento intelligente su una selezione compatibile.

Aggiunta di attributi #

Gli attributi necessari dipendono da come funziona la compatibilità nel tuo catalogo. Devono essere sincronizzati con Clerk come parte dei dati prodotto, o tramite la tua integrazione o tramite l’API.

Puoi verificare che i tuoi attributi siano disponibili andando su Data > Products e sfogliando un prodotto qualsiasi.

Ecco tre modelli comuni, dal più semplice al più avanzato.

Attributo singolo #

Se tutti i prodotti dello stesso venditore sono garantiti compatibili, aggiungi il venditore come attributo su ogni prodotto. Poi filtra le recommendation per mostrare solo prodotti con lo stesso venditore.

Nel tuo embed code, definisci una variabile contenente il venditore del prodotto attuale e usala come filtro:

<span class="clerk"
      data-template="@product-page-alternatives"
      data-products='["CURRENT_PRODUCT_ID"]'
      data-filter="vendor = $product_vendor">
</span>

var product_vendor = "ACME Corp";

In questo modo, un cliente che visualizza un prodotto di ACME Corp vedrà solo recommendation dello stesso venditore.

Attributi multipli #

A volte un solo attributo non basta. Ad esempio, un ricambio d’auto potrebbe dover coincidere sia con la marca che con il modello di un veicolo.

Puoi combinare più condizioni in un unico filtro:

<span class="clerk"
      data-template="@product-page-alternatives"
      data-products='["CURRENT_PRODUCT_ID"]'
      data-filter="make = $product_make and model = $product_model">
</span>

var product_make = "Toyota";
var product_model = "Corolla";

Verranno mostrati solo i prodotti che corrispondono sia alla marca che al modello.

Gruppi di compatibilità #

Nei cataloghi più complessi, ogni prodotto ha una lista unica di altri prodotti con cui è compatibile, e ciò non può essere rappresentato da attributi condivisi.

La soluzione è calcolare un identificatore di gruppo basato sull’insieme degli ID dei prodotti compatibili, e salvarlo come attributo. I prodotti che condividono esattamente lo stesso insieme di articoli compatibili riceveranno lo stesso identificatore, permettendoti di filtrare su di esso.

Ad esempio, se i prodotti A, B e C sono tutti compatibili tra loro, puoi calcolare un hash dei loro ID ordinati e salvarlo come attributo compatibility_group su ognuno di loro. Poi puoi filtrare su di esso:

<span class="clerk"
      data-template="@product-page-alternatives"
      data-products='["CURRENT_PRODUCT_ID"]'
      data-filter='compatibility_group = $product_group'>
</span>

var product_group = "a1b2c3d4";

Questo approccio funziona bene quando le relazioni di compatibilità arrivano da un database esterno o da un sistema PIM. L’hash va ricalcolato ogni volta che cambiano i dati di compatibilità e sincronizzato a Clerk insieme al resto dei dati prodotto.

Suggerimento: Se un prodotto può appartenere a più gruppi di compatibilità, salva gli identificatori come attributo lista e usa l’operatore in invece di =. Leggi di più sulla sintassi dei filtri.

Scegliere l’approccio giusto #

Parti dall’approccio più semplice che copre il tuo caso d’uso. Puoi sempre aggiungere altri attributi in seguito per ottenere un controllo più dettagliato.

Per approfondire tutti i modi in cui puoi usare i filtri nei codici embed, consulta Dynamic Filtering.