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 Smartweb.

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 impostare un Element.

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

Crea Design #

Le Recommendations vengono mostrate come uno slider per impostazione predefinita. Questo consente ai clienti di vedere più prodotti con meno clic. Puoi utilizzare il Design Editor per configurarlo visivamente o usare i 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. Dalla lista dei template di design, scegli quello da cui vuoi partire.
4. Dagli un nome e clicca su Create design.
5. Apporta tutte le modifiche che desideri al design.

Code Design #

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

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

Crea Contenuto #

Contiene tutte le impostazioni utilizzate per visualizzare le Recommendations e renderle integrabili nel tuo sito. 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 utilizzare. Ad 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 alto sullo schermo.

Aggiunta al sito web #

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

1. Apri il tab Insert into website.
2. Qui hai due opzioni:
   • Usare injection ti permette di inserire il codice usando un selettore CSS.
   • Usare embedded code ti permette di inserire manualmente il codice nel tuo sito.
3. Scegli l’opzione che preferisci utilizzare.
4. Per alcune Logics vedrai il menu a tendina Choose your platform. In questi casi seleziona Smartweb. Questo precompilerà l’embedcode con i corretti shortcode di Smartweb.

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

Setup di my.clerk.io #

1. Vai su Recommendations > Elements.
2. Seleziona il contenuto che vuoi inserire.
3. Apri il tab Insert into website.
4. Scegli una delle seguenti opzioni:
   • Usare injection inserisce il codice utilizzando un selettore CSS.
   • Usare embedded code inserisce il codice manualmente.
5. Per l’embedded code su Smartweb, le posizionamenti e i nomi file tipici sono:
   • Pagina prodotto: modules > product > product-entity.tpl — imposta data-products su [{$product->Id}].
   • Pagina categoria: modules > product > product-list.tpl — imposta data-category su {$item->Id} e racchiudi con {if $field == 'search'}...{else}...{/if} per evitare la visualizzazione nella Search Page.
   • Pagina carrello: modules > cart > cart.tpl — imposta data-products sugli ID dei prodotti nel carrello (vedi esempio nella nostra guida di setup).
   • Homepage: inserisci nel template della homepage/blocco CMS.

Pagine #

Di seguito sono elencate 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. Inserisci gli embedcode nel template della homepage/blocco CMS.

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 Smartweb e copia l’embedcode.
3. Vai ai file del tema Smartweb e trova il file che genera le tue pagine categoria. Di solito è modules > product > product-list.tpl.
4. Inserisci l’embedcode sotto il titolo e la descrizione. Imposta data-category su {$item->Id} e racchiudi con {if $field == 'search'}...{else}...{/if} per evitare la visualizzazione nella Search Page.

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 Smartweb per ciascuno e copia l’embedcode.
3. Nei file del tema Smartweb, trova il file che genera le pagine prodotto. Di solito è modules > product > product-entity.tpl.
4. Inserisci gli embedcode sotto la descrizione del prodotto. Imposta data-products su [{$product->Id}].

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 Smartweb e copia l’embedcode.
3. Vai ai file del tema Smartweb e trova il file che genera le pagine Carrello. Di solito è modules > cart > cart.tpl.
4. Inserisci l’embedcode sotto gli articoli del carrello e il pulsante di checkout. Imposta data-products sugli ID dei prodotti nel carrello.

Dopo aver abilitato le funzionalità, sarai in grado di vedere la funzione RECOMMENDATIONS di Clerk.io sul tuo webshop.