Recommendations

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

Per le nostre migliori pratiche complete, leggi questo articolo su quali Recommendations utilizzare.

Configurazione dello Slider #

Le Recommendations sono create con Elements che fanno riferimento a un Design. Di seguito trovi la guida di base per configurare un Element.

Seguire i passaggi in my.clerk.io > Settings > Setup Guides creerà automaticamente gli Elements per le nostre migliori pratiche.

Creare un 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, oppure utilizzare 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. Dall’elenco dei template di design, scegli quello con cui vuoi iniziare.
4. Dagli un nome e clicca su Create design.
5. Apporta eventuali modifiche desiderate 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 usando Liquid code.

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

Creare un Element #

Questo contiene tutte le impostazioni utilizzate per mostrare le Recommendations, rendendole integrabili nel tuo sito web. Segui questi passaggi per ciascun banner Recommendations che desideri creare.

1. Vai su Recommendations > Elements.
2. Clicca su New Element.
3. Assegna un nome descrittivo. Consigliamo di chiamarlo in base alla pagina e alla logica che vuoi utilizzare. Es. “Home Page / Visitor Recommendations”.
4. In Element type, seleziona la logica di prodotto che desideri utilizzare dal menu a tendina. Puoi vedere una panoramica di tutte le logiche di 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.

Aggiungere 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:
   • Utilizzando injection ti permette di inserire il codice tramite un selettore CSS.
   • Utilizzando 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. In questi casi seleziona SmartWeb Classic. Questo precompilerà l’embedcode con i corretti shortcode di SmartWeb Classic.

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

Configurazione my.clerk.io #

1. Vai su Recommendations > Elements.
2. Seleziona l’element che vuoi inserire.
3. Apri la scheda Insert into website.
4. Scegli una delle seguenti opzioni:
   • Utilizzando injection inserisce il codice tramite un selettore CSS.
   • Utilizzando embedded code inserisce il codice manualmente.
5. Per il codice embedded su SmartWeb Classic, i posizionamenti tipici e i nomi dei file 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 che appaia sulla Search Page.
   • Pagina carrello: modules > cart > cart.tpl — imposta data-products sugli ID dei prodotti nel carrello (vedi esempio nella nostra guida di configurazione).
   • Homepage: inserisci nel tuo template Homepage/blocco CMS.

Pagine #

Di seguito sono riportate le pagine specifiche in cui dovresti 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. Inserisci gli embedcodes nel template 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 Classic e copia l’embedcode.
3. Vai nei file tema di SmartWeb Classic e trova il file che genera le pagine Categoria. Di solito è modules > product > product-list.tpl.
4. Inserisci l’embedcode appena sotto il titolo e la descrizione. Imposta data-category su {$item->Id} e racchiudi con {if $field == 'search'}...{else}...{/if} per evitare che appaia sulla 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 Classic per ciascuno di essi e copia gli embedcodes.
3. Nei file tema di SmartWeb Classic, trova il file che genera la pagina prodotto. Di solito è modules > product > product-entity.tpl.
4. Inserisci gli embedcodes appena sotto la descrizione 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 Classic e copia l’embedcode.
3. Vai nei file tema di SmartWeb Classic e trova il file che genera la pagina carrello. Di solito è modules > cart > cart.tpl.
4. Inserisci l’embedcode subito sotto gli articoli del carrello e il pulsante checkout. Imposta data-products sugli ID prodotti del carrello.

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