Opzioni

Generale #

Website Elements rende facile lavorare con gli Elementi per Recommendations e gli Elementi per i risultati di Search.

I Designs sono conservati su Clerk.io e basta inserire un piccolo codice di embed nella pagina dove vuoi mostrare i prodotti. Questo può essere fatto utilizzando la sezione Embedded Code o la sezione Injection.

Qualsiasi numero di blocchi Element può essere basato su un unico Design, oppure puoi creare Design separati per ogni Element.

Puoi controllare i tuoi Element esistenti e crearne di nuovi cliccando su Search/Recommendations e poi su Element nel menu laterale:

Ogni blocco Element unico è controllato dalle sue impostazioni proprie. Puoi scegliere un nome unico per tutti i blocchi Element, che verrà usato anche come etichetta di tracking.

La pagina delle Settings di ogni blocco Element è divisa in quattro sezioni accessibili cliccando su Edit Element.

Dai un nome al tuo element #

Controlla il Name e le etichette di tracking Labels per il blocco Element.

Scegli la logica prodotto #

Definisce quali tipi di prodotti debbano essere visualizzati nell’Element.

Puoi anche controllare se applicare alcuni Filters, ad esempio se vuoi mostrare solo prodotti sopra o sotto un certo prezzo, o di uno specifico marchio.

Seleziona il design #

Ti permette di scegliere quanti prodotti mostrare e su quale Design basare l’Element. Se hai una variabile title/headline nel tuo design, puoi aggiungere qui i titoli da mostrare nell’Element.

Inserimento nel sito web #

I blocchi Element sono collegati a un embedcode che permette loro di essere renderizzati su tutte le pagine dove hai inserito Clerk.js. Puoi semplicemente inserire l’embedcode dove vuoi che questo Element venga mostrato oppure usare la funzione di injection.

Nota che i codici embed potrebbero necessitare di variabili quali product IDs, category IDs o email, a seconda della logica.

Uso del codice embedded #

Il codice embed è un piccolo frammento di codice che puoi inserire nel tuo sito web. Lo puoi trovare selezionando Using embedded code:

Uso della injection #

La injection è una funzione che ti permette di inserire i blocchi element nel tuo sito senza dover aggiungere manualmente il codice embed. Si fa selezionando Using injection:

Di seguito una descrizione delle diverse opzioni di injection:

Headlines #

Gestire le headlines è facile con la configurazione standard in Element.

Nella pagina Edit Element, clicca su Select Design per vedere il campo di input Headline:

Modifica il testo nella casella Headline e clicca su Save.

La modifica verrà mostrata subito dopo il refresh del tuo webshop.

Tag dei campi di testo dinamici #

I nostri design standard utilizzano tag per impostare headline differenti per ogni Element.

Questi tag possono essere utilizzati in qualsiasi campo di testo nei design Design Editor, e ovunque nei code design.

I tag hanno la sintassi {{ variable }} e possono avere qualsiasi nome tu scelga.

Inizia andando su Designs e clicca su Edit Design per quello che vuoi modificare:

Nella pagina Edit Design, inserisci un tag headline con {{ headline }} nella HTML Section:

Clicca su Save & Close e sarai in grado di scrivere una Headline dal tuo tab Element.

Puoi aggiungere quanti campi di testo desideri, Headline è solo un esempio.

Qualsiasi cosa scrivi nella HTML Section con la sintassi {{ variable }} sarà utilizzabile come campo di input da Element.

Questi tag possono essere usati anche in qualsiasi campo di testo in un design Design Editor

Rimozione dei prodotti duplicati #

L’utilizzo di questa funzione forza il caricamento di più Clerk.io recommendations uno dopo l’altro, invece che simultaneamente, aggiungendo così un peso extra al tempo di caricamento pagina.

Assicurati che la rinuncia in termini di tempo di caricamento valga l’evitare i duplicati.

Clerk.js offre due semplici metodi per prevenire duplicati tra più recommendations element nella stessa pagina.

Uno consiste nell’usare l’opzione Exclude Duplicates nella sezione Inject Element, selezionando l’element Clerk dal quale vuoi escludere duplicati, scegliendolo dalla lista o specificando un selettore CSS.

L’altra opzione è aggiungere l’attributo data-exclude-from sul blocco Clerk dal quale vuoi rimuovere i duplicati. Il value dell’attributo deve essere un CSS selector dell’altro blocco dal quale prevenire i duplicati.

Nell’esempio sotto, l’element .clerk2 esclude ogni prodotto presente nell’element .clerk1, e l’element .clerk3 esclude ogni prodotto presente o in .clerk1 o .clerk2.

<span class="clerk clerk1"
  data-template="@clerk-banner-1">
</span>

<span class="clerk clerk2"
  data-exclude-from=".clerk1"
  data-template="@clerk-banner-2">
</span>

<span class="clerk clerk3"
  data-exclude-from=".clerk1,.clerk2"
  data-template="@clerk-banner-3">
</span>

Puoi anche limitare l’esclusione a mostrare solo i primi n prodotti (utile se hai un element con 20 prodotti ma solo quattro sono visibili alla volta).

Questo avviene tramite l’opzione :limit(n) (dove n è il primo numero di prodotti che vuoi escludere).

Ecco lo stesso esempio sopra, ma dove l’esclusione considera solo i primi cinque prodotti.

<span class="clerk clerk1"
  id="clerk1"
  data-template="@clerk-banner-1">
</span>

<span class="clerk clerk2"
  id="clerk2"
  data-exclude-from=".clerk1:limit(5)"
  data-template="@clerk-banner-2">
</span>

<span class="clerk clerk3"
  id="clerk3"
  data-exclude-from=".clerk1:limit(5),.clerk2:limit(5)"
  data-template="@clerk-banner-3">
</span>

Escludere prodotti specifici #

Per evitare di mostrare certi prodotti, basta aggiungere l’attributo data-exclude a un embedcode esistente.

Deve essere una lista degli ID dei prodotti che non vuoi vengano mostrati nel blocco.

Per esempio:

<span class="clerk"
  data-template="@clerk-complementary"
  data-exclude="[45654]">
</span>

Approfondimento sulle visualizzazioni pagina #

Nelle liste sotto Search > Elements e Recommendations > Elements, passa il mouse sopra il badge verde Yes/No nella colonna Seen in last 24h per aprire un rapido approfondimento.

Il popup mostra, per gli ultimi 7 giorni:

• Le 10 pagine principali dove l’element è apparso
• Conteggio delle singole visualizzazioni per pagina
• Visualizzazioni totali su tutte le pagine
• Link diretti alle pagine

Usalo per verificare la posizione e identificare quali pagine garantiscono più esposizione a ciascun element. Se un element non ha visualizzazioni recenti, il badge mostrerà No e il popup sarà vuoto.