Opzioni

Generale #

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 mostrare i prodotti. Questo può essere fatto utilizzando la sezione Codice incorporato o la sezione Iniezione.

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 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 titolo/titolo nel tuo design, puoi aggiungere i titoli da mostrare per il Contenuto qui.

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. Puoi semplicemente inserire il embedcode dove desideri che questo Contenuto venga mostrato o utilizzare la nostra funzione di iniezione.

Nota che i codici di incorporamento potrebbero necessitare di variabili come ID prodotto, ID categoria o email, a seconda della logica.

Utilizzando il codice incorporato #

Il codice incorporato è un piccolo frammento di codice che puoi inserire nel tuo sito web. Può essere trovato selezionando Utilizzando il codice incorporato:

Utilizzando l’iniezione #

L’iniezione è una funzione che ti consente di inserire blocchi di contenuto nel tuo sito web senza dover aggiungere manualmente il codice di incorporamento. Si fa selezionando Utilizzando l’iniezione:

Di seguito è riportata una descrizione delle diverse opzioni di iniezione:

Titoli #

Gestire i titoli è facile con la configurazione standard in Contenuto.

Nella pagina Modifica Contenuto, clicca su Seleziona Design per vedere il campo di input Titolo:

Cambia il testo nella casella Titolo e clicca su Salva.

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 titoli diversi per ogni Contenuto.

Questi tag possono essere utilizzati in qualsiasi campo di testo nei design Design Editor, e ovunque nei design del 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 Modifica Design, inserisci un tag di titolo con {{ headline }} nella Sezione HTML:

Clicca su Salva & Chiudi e potrai scrivere un Titolo dalla tua scheda Contenuto.

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

Qualsiasi cosa tu scriva nella Sezione HTML con la sintassi {{ variabile }} sarà utilizzabile come campo di input da Contenuto.

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

Rimozione di prodotti duplicati #

Utilizzare questa funzione costringe il caricamento di più raccomandazioni Clerk.io 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 per evitare i duplicati.

Clerk.js fornisce due modi semplici per prevenire i duplicati attraverso più slider di raccomandazioni sulla stessa pagina.

Uno è utilizzare l’opzione Escludi Duplicati nella sezione Inietta Contenuto, selezionando il contenuto Clerk da cui desideri escludere i duplicati, scegliendolo dall’elenco o specificando un selettore CSS:

L’altra opzione è aggiungere l’attributo data-exclude-from sul blocco Clerk da cui desideri 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 uno degli slider .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 (una mossa intelligente se hai uno slider con 20 prodotti ma solo quattro sono visibili in un dato momento).

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

Ecco lo stesso esempio di cui sopra, ma dove l’ID di esclusione riguarda 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 determinati prodotti, aggiungi semplicemente l’attributo data-exclude a un codice di incorporamento esistente.

Questo dovrebbe essere un elenco degli ID prodotto che non vuoi siano mostrati nel blocco.

Ad esempio:

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