Recommendations

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

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

Configurazione Slider #

Le Recommendations vengono create con Elements che fanno riferimento a un Design. Di seguito la guida 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.

Crea Design #

Le Recommendations vengono mostrate come slider per impostazione predefinita. Questo permette ai clienti di vedere più prodotti con meno clic. Puoi utilizzare il Design Editor per configurarlo visivamente, oppure usare 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 esigenze.

Code Design #

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

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

Crea Element #

Qui vengono inserite tutte le impostazioni per mostrare le Recommendations e rendere l’elemento incorporabile nel tuo sito. Segui questi passaggi per ciascun banner Recommendations che vuoi 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 vuoi utilizzare. Ad esempio, “Home Page / Visitor Recommendations”.
4. In Element type, seleziona dal menu a tendina la logica di prodotto che vuoi utilizzare. Puoi vedere una panoramica di tutte le logiche prodotto qui.
5. In Design seleziona dal menu a tendina il design che hai creato e scegli il numero di prodotti da mostrare.
6. Clicca su Save in alto nella schermata.

Inserisci nel sito web #

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

1. Apri la scheda Insert into website.
2. Qui hai due opzioni:
   • Usare injection ti permette di inserire il codice utilizzando un selettore CSS.
   • Usare embedded code ti permette 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. Seleziona DanDomain Classic in questi casi. Questo compilerà automaticamente l’embedcode con i giusti shortcode DanDomain Classic.

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

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

Pagine #

Qui sotto trovi le pagine specifiche in cui inserire Recommendations e quali tipi utilizzare, per 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 (di solito il nome del tuo tema + “Forside”).
4. Clicca su Kilde per vedere l’HTML.
5. Inserisci il codice embed dove vuoi 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 delle categorie (di solito il nome del tuo tema + “Produktliste”).
5. Clicca su Kilde.
6. Inserisci il codice embed dove vuoi 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 e copia gli embedcode.
3. In DanDomain Classic, vai su Design > Egne Sider.
4. Sotto Produktkort, trova la pagina dei prodotti (di solito il nome del tema + “Produktkort”).
5. Clicca su Kilde.
6. Inserisci il codice embed dove vuoi lo slider, poi clicca su Gem.

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

Fase 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. Nella app Clerk.io per 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 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 (di solito “Kurv” o “Lille Kurv”).
5. Clicca su Kilde.
6. Inserisci il codice embed dove vuoi 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. Nella app Clerk.io per DanDomain Classic, trova Exit Intent.
3. Seleziona Enabled e clicca su Gem.

Pagina Blog #

1. Copia il codice embed nella pagina di contenuto dove vuoi visualizzarlo.
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 usare code designs, questi template possono aiutarti a iniziare.

Slider Code #

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