Recommendations

Clerk.io offre più di 23 tipi diversi di logiche prodotto, rendendo possibile mostrare prodotti completamente automatizzati su qualsiasi pagina. Questo articolo spiega come iniziare utilizzando un Clerk.js setup in DanDomain Classic.

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

Configurazione Slider #

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

Seguire i passaggi in my.clerk.io > Settings > Setup Guides creerà automaticamente gli Elements secondo le nostre Best Practices.

Creare un Design #

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

Un design può essere riutilizzato per qualsiasi numero di elementi Recommendations che crei.

Design Editor #

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

Code Design #

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

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

Creare un Element #

Questo contiene tutte le impostazioni utilizzate per mostrare le Recommendations, rendendolo inseribile nel tuo sito web. Segui questi passaggi per ogni banner Recommendations che desideri creare.

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

Aggiunta al Sito Web #

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

1. Apri la scheda Insert into website.
2. Qui hai due opzioni:
   • Utilizzare injection ti permette di inserire il codice usando un selettore CSS.
   • Utilizzare embedded code ti permette di inserire manualmente il codice nel tuo sito web.
3. Scegli l’opzione più facile per te.
4. Per alcune Logics vedrai il menù a tendina Choose your platform. In questi casi seleziona DanDomain Classic. Questo precompilerà l’embedcode con gli shortcode DanDomain Classic corretti.

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 sono indicate le pagine specifiche in cui dovresti inserire le Recommendations, e quali tipi utilizzare, al fine di seguire 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 tema + “Forside”).
4. Clicca su Kilde per visualizzare l’HTML.
5. Inserisci l’embed code dove vuoi che compaia 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 menù 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 categorie (spesso il nome del tema + “Produktliste”).
5. Clicca su Kilde.
6. Inserisci l’embed code dove vuoi che compaia lo slider e 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 menù a tendina Insert into website > Choose your platform seleziona DanDomain Classic per ciascuno e copia i rispettivi embedcode.
3. In DanDomain Classic, vai su Design > Egne Sider.
4. Sotto Produktkort, trova la pagina dei prodotti (spesso il nome del tema + “Produktkort”).
5. Clicca su Kilde.
6. Inserisci l’embed code dove vuoi che compaia lo slider e 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. Dagli il nome “Add-To-Basket / Others Also Bought”. Questo è importante affinché l’embedcode funzioni correttamente.
3. Clicca su Save in alto nella pagina.
4. Nell’app Clerk.io DanDomain Classic, abilita Powerstep.
5. Inserisci 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 menù 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 del carrello (spesso “Kurv” o “Lille Kurv”).
5. Clicca su Kilde.
6. Inserisci l’embed code dove vuoi che compaia lo slider e 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 Clerk.io DanDomain Classic, trova Exit Intent.
3. Spunta Enabled e clicca su Gem.

Pagina Blog #

1. Copia l’embed code nella pagina di contenuto dove vuoi che venga visualizzato.
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 di partenza #

Se vuoi utilizzare i code design, questi template possono aiutarti a iniziare.

Codice Slider #

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