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 a usare una Clerk.js setup su 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.

Crea Design #

Le Recommendations vengono mostrate come uno slider per impostazione predefinita. Questo consente ai clienti di visualizzare più prodotti con meno click. Puoi utilizzare il Design Editor per configurarlo visivamente, oppure utilizzare code designs.

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

Design Editor #

1. Vai su Recommendations > Designs e clicca su New Design.
2. Scegli Product Slider
3. Seleziona un template, dagli un nome e poi clicca su Create design.
4. Regola 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. Dai un nome, poi clicca su Create design.
4. Costruisci il tuo design utilizzando il Liquid code.

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

Crea Contenuto #

Questo contiene tutte le impostazioni utilizzate per visualizzare le Recommendations e renderle incorporabili nel tuo sito web. Segui questi passaggi per ogni banner Recommendations che vuoi creare.

1. Vai su Recommendations > Elements.
2. Clicca su New Content.
3. Dagli un nome descrittivo. Ti consigliamo di nominarlo in base alla pagina e alla logica che vuoi usare. Es. “Home Page / Visitor Recommendations”.
4. In Content 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 alla schermata.

Aggiungi al Sito Web #

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

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

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

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

Pagine #

Di seguito le pagine specifiche in cui dovresti inserire le Recommendations e quali tipi utilizzare, secondo le nostre Best Practices.

Homepage #

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

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

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. Su DanDomain Classic, vai su Design > Egne Sider.
4. Sotto Vareliste, trova la pagina per le pagine categoria (di solito il nome del tema + “Produktliste”).
5. Clicca su Kilde.
6. Inserisci il codice di 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 di essi e copia gli embedcodes.
3. Su DanDomain Classic, vai su Design > Egne Sider.
4. Sotto Produktkort, trova la pagina per le pagine prodotto (di solito il nome del tema + “Produktkort”).
5. Clicca su Kilde.
6. Inserisci il codice di embed dove vuoi lo slider, poi 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 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 cima alla pagina.
4. Nell’app Clerk.io DanDomain Classic, abilita 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. Su 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 di 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. Nell’app Clerk.io DanDomain Classic, trova Exit Intent.
3. Spunta Enabled e clicca su Gem.

Pagina Blog #

1. Copia l’embedcode 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 utilizzare design tramite codice, questi template possono aiutarti a iniziare.

Slider Code #

Questo template visualizzerà uno slider standard con le informazioni più comuni relative al prodotto che puoi personalizzare secondo le tue esigenze.