Recommendations

Clerk.io offre oltre 23 diversi tipi di logiche di prodotto, rendendo possibile visualizzare prodotti completamente automatizzati su qualsiasi pagina. Questo articolo spiega come iniziare a utilizzare una Clerk.js setup in DanDomain Classic.

Per le nostre Best Practices complete, leggi questo articolo su quali Recommendations utilizzare.

Configurazione dello Slider #

Le Recommendations vengono create con Elements che fanno riferimento a un Design. Di seguito trovi la guida di base per configurare un Element.

Seguendo i passaggi in my.clerk.io > Settings > Setup Guides verranno creati automaticamente gli Elements per le nostre Best Practices.

Creare un Design #

Le Recommendations vengono mostrate di default come uno slider. Questo permette ai clienti di vedere più prodotti con meno clic. Puoi utilizzare il Design Editor per configurarlo visivamente, oppure utilizzare i code designs.

Un Design può essere riutilizzato per qualsiasi numero di Recommendations elements che crei.

Design Editor #

1. Vai su Recommendations > Designs e clicca su New Design.
2. Scegli Product Slider
3. Scegli un template, assegnagli un nome, poi clicca su Create design.
4. Adatta il design secondo le tue esigenze.

Code Design #

1. Vai su Recommendations > Designs e clicca su New Design.
2. Scegli Other designs > Blank > Code.
3. Assegnagli un nome, poi clicca su Create design.
4. Crea il design utilizzando il Liquid code.

Se desideri un design di partenza, consulta il Slider template più sotto.

Creare un Element #

Questo contiene tutte le impostazioni utilizzate per mostrare le Recommendations e renderle integrabili nel tuo sito. Segui questi passaggi per ogni banner Recommendations che desideri creare.

1. Vai su Recommendations > Elements.
2. Clicca su New Element.
3. Assegnagli un nome descrittivo. Ti consigliamo di nominarlo in base alla pagina e alla logica che vuoi utilizzare. Es: “Home Page / Visitor Recommendations”.
4. In Element type, seleziona la product logic che vuoi utilizzare dal menu a tendina. Puoi vedere una panoramica di tutte le product logics qui.
5. In Design seleziona il design che hai creato dal menu a tendina e scegli il numero di prodotti che vuoi mostrare.
6. Clicca su Save in cima allo schermo.

Aggiunta al Sito Web #

Per aggiungere le Clerk Recommendations al tuo sito, hai due opzioni: Injection e Embedded code.

1. Apri il tab Insert into website.
2. Qui hai due opzioni:
   • Utilizzare injection ti consente di inserire il codice usando un selettore CSS.
   • Utilizzare il embedded code ti consente di inserire manualmente il codice nel tuo sito.
3. Scegli l’opzione più semplice per te.
4. Per alcune Logics vedrai il menu a tendina Choose your platform. In questi casi seleziona DanDomain Classic. Questo pre-compilerà l’embedcode con i corretti shortcode di DanDomain Classic.

Per aggiungere dettagli di sincronizzazione o avviare una sincronizzazione, vai su my.clerk.io > Data > Configuration.

Segui i passaggi sotto nel backend di DanDomain Classic per inserire i tuoi slider.

Pagine #

Qui sotto trovi le pagine specifiche dove inserire le Recommendations e quali tipi utilizzare per rispettare le nostre Best Practices.

Homepage #

1. In my.clerk.io, crea 3 Elements con le seguenti logiche:
   • Visitor Recommendations
   • Bestsellers
   • Hot Products
2. In DanDomain Classic, vai su Design > Egne Sider.
3. Sotto Forside, trova la pagina che mostra la tua homepage (spesso il nome del tuo tema + “Forside”).
4. Clicca su Kilde per vedere l’HTML.
5. Inserisci l’embed code dove vuoi mostrare lo slider, poi clicca su Gem.

<span class="clerk" data-template="@SLIDER_ID"></span>

Pagina Categoria #

1. In my.clerk.io, crea un Element con la logica Bestsellers In Category.
2. Nel menu a tendina Insert into website > Choose your platform, seleziona DanDomain Classic e copia l’embedcode.
3. In DanDomain Classic, vai su Design > Egne Sider.
4. Sotto Vareliste, trova la pagina per le pagine categoria (spesso il nome del tema + “Produktliste”).
5. Clicca su Kilde.
6. Inserisci l’embed code dove vuoi mostrare lo slider, poi clicca su Gem.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-category="CATEGORY_ID">
</span>

Pagina Prodotto #

1. In my.clerk.io, crea 2 Elements con le seguenti logiche:
   • Best Alternative Products
   • Best Cross-Sell Products
2. Nel menu a tendina Insert into website > Choose your platform seleziona DanDomain Classic per ciascuno di essi e copia gli embedcode.
3. In DanDomain Classic, vai su Design > Egne Sider.
4. Sotto Produktkort, trova la pagina per le pagine prodotto (spesso il nome del tema + “Produktkort”).
5. Clicca su Kilde.
6. Inserisci l’embed code dove vuoi mostrare lo slider, poi clicca su Gem.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-products="[PRODUCT_ID]">
</span>

Step Aggiunta al Carrello #

1. In my.clerk.io, crea un Element con la logica Best Cross-Sell Products.
2. Assegnagli il nome “Add-To-Basket / Others Also Bought”. Questo è importante affinché l’embedcode funzioni correttamente.
3. Clicca su Save in cima alla pagina.
4. Nell’app di Clerk.io per DanDomain Classic, attiva Powerstep.
5. Aggiungi gli ID degli elementi che vuoi mostrare, separati da virgole.
6. Clicca su Save.

Pagina Carrello #

1. In my.clerk.io, crea un Element con la logica Best Cross-Sell Products.
2. Nel menu a tendina Insert into website > Choose your platform seleziona DanDomain Classic e copia l’embedcode.
3. In DanDomain Classic, vai su Design > Egne Sider.
4. Sotto Kurv, trova la pagina carrello (spesso “Kurv” o “Lille Kurv”).
5. Clicca su Kilde.
6. Inserisci l’embed code dove vuoi mostrare lo slider, poi clicca su Gem.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-products="[PRODUCT_ID]">
</span>

Exit Intent #

1. In my.clerk.io, crea un Element con la logica Visitor Recommendations.
2. Nell’app di Clerk.io per DanDomain Classic, trova Exit Intent.
3. Seleziona Enabled e clicca su Gem.

Pagina Blog #

1. Copia l’embed code nella pagina di contenuto dove vuoi mostrarlo.
2. Sostituisci INSER_PAGE_HERE con l’ID della pagina per cui vuoi mostrare i prodotti.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-page="INSER_PAGE_HERE">
</span>

Template Iniziali #

Se vuoi usare code designs, questi template possono aiutarti a iniziare.

Slider Code #

Questo template mostrerà uno slider standard con le comuni informazioni di prodotto che puoi adattare alle tue esigenze.