Recommendations

Clerk.io offre più di 23 tipi diversi di logiche di prodotto, permettendoti di mostrare prodotti completamente automatizzati su qualsiasi pagina. Questo articolo spiega come iniziare a usare un 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 Sliders che fanno riferimento a un Design. Di seguito trovi la guida di base per configurare uno Slider.

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

Crea Design #

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

Un design può essere riutilizzato per qualsiasi numero di sliders Recommendations tu crei.

Design Editor #

1. Vai su Recommendations > Designs e clicca su New Design.
2. Scegli Product Slider
3. Seleziona un template, assegna un nome, quindi clicca su Create design.
4. Modifica il design come necessario.

Code Design #

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

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

Crea Contenuto #

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

1. Vai su Recommendations > Sliders.
2. Clicca su New Content.
3. Assegna un nome descrittivo. Ti consigliamo di nominarlo in base alla pagina e alla logica che vuoi usare. Esempio: “Home Page / Visitor Recommendations”.
4. In Content type, seleziona la logica di prodotto che vuoi usare 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 da mostrare.
6. Clicca su Save in cima alla schermata.

Aggiungi al Sito Web #

Per aggiungere 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:
   • Usare injection ti permette di inserire il codice utilizzando un selettore CSS.
   • Usare embedded code ti permette di inserire il codice manualmente nel tuo sito web.
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 precompilerà 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 qui sotto nel backend di DanDomain Classic per inserire i tuoi sliders.

Pagine #

Di seguito trovi le pagine specifiche dove dovresti inserire Recommendations e quali tipi utilizzare, per seguire al meglio le nostre Best Practices.

Homepage #

1. In my.clerk.io, crea 3 Sliders 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 Kilde per visualizzare l’HTML.
5. Inserisci il codice di embed dove vuoi lo slider, quindi clicca su Gem.

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

Pagina Categoria #

1. In my.clerk.io, crea uno Slider 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 (spesso il nome del tema + “Produktliste”).
5. Clicca su Kilde.
6. Inserisci il codice di embed dove desideri lo slider, quindi clicca su Gem.

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

Pagina Prodotto #

1. In my.clerk.io, crea 2 Sliders 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 embedcodes.
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 il codice di embed dove vuoi lo slider, quindi clicca su Gem.

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

Step Aggiungi Al Carrello #

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

Pagina Carrello #

1. In my.clerk.io, crea uno Slider 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 il codice di embed dove vuoi lo slider, quindi clicca su Gem.

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

Exit Intent #

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

Pagina Blog #

1. Copia il codice di embed nella pagina di contenuto dove desideri 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 di Partenza #

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

Codice Slider #

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