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 vuoi che vengano mostrati 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 ciascun 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 ciascun blocco di contenuto è divisa in quattro sezioni a cui puoi accedere cliccando su Modifica Contenuto.

Nomina il 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 dovrebbero essere visualizzati nel Contenuto.

Puoi anche controllare se devono essere applicati eventuali Filtri, se, ad esempio, vuoi 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 vuoi 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 di incorporamento è un piccolo frammento di codice che puoi inserire nel tuo sito web. Può essere trovato selezionando Utilizzando 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 realizza selezionando Utilizzando 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 aver aggiornato il tuo webshop.

Tag dei campi di testo dinamici #

I nostri design standard utilizzano tag per impostare titoli diversi per ciascun 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 vuoi 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ù 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 due semplici modi 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 vuoi 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 vuoi 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.

<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 si realizza tramite l’opzione :limit(n) (dove n è il primo numero di prodotti che vuoi escludere).

Ecco lo stesso esempio di 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 vengano mostrati nel blocco.

Ad esempio:

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