Opzioni

Generale #

Il contenuto del sito web rende facile lavorare con raccomandazioni e risultati di ricerca.

I Design sono memorizzati su Clerk.io, e devi solo inserire un piccolo codice di incorporamento nella pagina in cui desideri che vengano mostrati i prodotti.

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

Puoi controllare il tuo contenuto esistente e crearne di nuovi cliccando su Ricerca/Raccomandazioni e poi su Contenuto nel menu laterale:

Ogni blocco di contenuto unico è controllato dalle proprie impostazioni. Puoi scegliere un nome unico per tutti i blocchi di contenuto, che fungerà anche da etichetta di tracciamento.

La pagina delle Impostazioni di ogni blocco di contenuto è divisa in quattro sezioni a cui puoi accedere cliccando su Modifica contenuto.

Dai un nome al tuo contenuto #

Controlla il Nome e le etichette di tracciamento Labels per il blocco di contenuto.

Scegli la logica del prodotto #

Definisce quale tipo di prodotti devono essere visualizzati nel contenuto.

Puoi anche controllare se devono essere applicati eventuali Filtri, se, ad esempio, desideri mostrare solo prodotti sopra o sotto un certo prezzo, o di un marchio specifico.

Seleziona design #

Questo ti consente di scegliere quanti prodotti mostrare e quale Design utilizzare come base per il contenuto. Se hai una variabile di titolo/intestazione nel tuo design, puoi aggiungere i titoli da mostrare per il contenuto qui.

4. Inserisci nel sito web #

I blocchi di contenuto sono collegati a un embedcode che consente loro di essere visualizzati su tutte le pagine in cui hai inserito Clerk.js. Basta inserire il embedcode dove desideri che questo contenuto venga mostrato.

Nota che i codici di incorporamento potrebbero necessitare di variabili come product- o category IDs , a seconda della logica:

Intestazioni #

Gestire le intestazioni è facile con la configurazione standard in Contenuto.

Nella pagina Aggiorna contenuto, clicca su Seleziona Design per vedere il campo di input Intestazione:

- Passo 1: Cambia il testo nella casella Intestazione

- Passo 2: clicca su Aggiorna contenuto.

La modifica verrà visualizzata immediatamente dopo il refresh del tuo webshop.

Tag dei campi di testo dinamici #

I nostri design standard utilizzano tag per impostare diverse intestazioni per ogni contenuto.

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

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

Inizia andando su Design e clicca su Modifica Design per quello che desideri cambiare:

Nella pagina Aggiorna Design, inserisci un tag di intestazione con {{ headline }} nel Codice Contenitore:

Clicca su Aggiorna Design e potrai scrivere un’Intestazione dalla tua scheda Contenuto .

Puoi aggiungere quanti più campi di testo desideri, Intestazione è solo un esempio.

Qualsiasi cosa tu scriva nel Codice Contenitore con il {{ TEXT }} sarà utilizzabile come campo di input da Contenuto.

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

Rimozione di prodotti duplicati #

Utilizzare questa funzione costringe il caricamento di più Clerk.io raccomandazioni una dopo l’altra, invece che contemporaneamente, aggiungendo così un peso extra al tempo di caricamento della pagina.

Assicurati che il compromesso nel tempo di caricamento valga la pena evitare i duplicati.

Clerk.js fornisce un modo semplice per prevenire duplicati su più slider di raccomandazioni nella stessa pagina.

Questo viene fatto aggiungendo l’attributo data-exclude-from sul blocco Clerk da cui si desidera rimuovere i duplicati. Il valore dell’attributo dovrebbe essere un selettore CSS per l’altro blocco da cui prevenire i duplicati.

Nell’esempio seguente, lo slider .clerk2 esclude qualsiasi prodotto che si trova nello slider .clerk1, e lo slider .clerk3 esclude qualsiasi prodotto che si trova in .clerk1 o .clerk2.

HTML

<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 per mostrare solo i primi n prodotti (una mossa intelligente se hai uno slider con 20 prodotti ma solo quattro sono visibili in qualsiasi momento).

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

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

HTML

<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 determinati prodotti, aggiungi semplicemente l’attributo data-exclude a un codice di incorporamento esistente.

data-exclude dovrebbe essere un elenco degli ID prodotto che non desideri vengano mostrati nel blocco.

Ad esempio:

Escludi Prodotti

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