Indstillinger

Generelt #

Website Elements gør det nemt at arbejde med Sliders til Recommendations og Elements til Search results.

Designs gemmes hos Clerk.io, og du skal blot indsætte en lille embedkode på den side, hvor du ønsker at vise produkter. Dette kan gøres ved at bruge sektionen Embedded Code eller sektionen Injection.

Et vilkårligt antal Element-blokke kan baseres på et enkelt Design, eller du kan oprette separate Designs for hver Element.

Du kan se dine eksisterende Elements og oprette nye ved at klikke på Search/Recommendations og derefter Element i sidemenuen:

Hver unik Element-blok styres af sine egne indstillinger. Du kan vælge et unikt navn for alle Element-blokke, som også fungerer som dens tracking-label.

Hver Element-bloks Settings-side er opdelt i fire sektioner, som du kan få adgang til ved at klikke på Edit Element.

Sidevisningsindsigt #

På listerne under Search > Elements og Recommendations > Sliders, hold musen over det grønne Yes/No-badge i kolonnen Seen in last 24h for at åbne et hurtigt indblik.

Popup’en viser for de sidste 7 dage:

• Top 10 sider, hvor elementet optrådte
• Individuelle visninger pr. side
• Samlede visninger på tværs af alle sider
• Direkte links til siderne

Brug dette til at verificere placering og identificere hvilke sider, der giver mest eksponering for hvert element. Hvis et element ikke har haft visninger for nylig, vises badgen som No og popup’en vil være tom.

Navngiv dit element #

Styrer Name og tracking-Labels for Element-blokken.

Vælg produktlogik #

Definerer hvilken type produkter, der skal vises i Elementet.

Du kan også styre, om der skal anvendes Filters, hvis du f.eks. kun vil vise produkter over eller under en vis pris eller fra et bestemt brand.

Vælg design #

Dette lader dig vælge, hvor mange produkter der skal vises, og hvilket Design Elementet skal baseres på. Hvis du har en title/headline-variabel i dit design, kan du tilføje de titler, der skal vises for Elementet her.

Indsæt på website #

Element-blokke er knyttet til en embedcode, som gør det muligt at vise dem på alle sider, hvor du har indsat Clerk.js. Du kan enten blot indsætte embedcode der, hvor du vil have dette Element vist eller bruge vores injection-funktion.

Bemærk, at embedcodes muligvis kræver variabler som product IDs, category IDs eller email, afhængigt af logikken.

Brug af embedded code #

Embedcode er et lille code snippet, du kan indsætte på dit website. Det kan findes ved at vælge Using embedded code:

Brug af injection #

Injection er en funktion, der giver dig mulighed for at indsætte element-blokke på dit website uden at skulle tilføje embedcode manuelt. Det gøres ved at vælge Using injection:

Nedenfor er en beskrivelse af de forskellige injection-muligheder:

Headlines #

Håndtering af overskrifter er nemt med standardopsætningen i Element.

På Edit Element-siden klikker du på Select Design for at se indtastningsfeltet Headline:

Ændr teksten i Headline-boksen og klik på Save.

Ændringen vises med det samme, når du genopfrisker dit webshop.

Dynamiske tekstfelt-tags #

Vores standarddesigns bruger tags til at sætte forskellige overskrifter for hvert Element.

Disse tags kan bruges i ethvert tekstfelt i Design Editor-designs, og hvor som helst i code designs.

Tags har syntaksen {{ variable }} og kan have hvilket som helst navn, du ønsker.

Start med at gå til Designs og klik Edit Design for det, du vil ændre:

På Edit Design-siden indsæt et headline-tag med {{ headline }} i HTML Section:

Klik på Save & Close, og du kan nu skrive en Headline fra din Element-fane.

Du kan tilføje så mange tekstfelter, du ønsker, Headline er blot et eksempel.

Alt, hvad du skriver i HTML Section med {{ variable }}-syntaksen, vil kunne bruges som indtastningsfelt fra Element.

Disse tags kan også bruges i enhver tekstboks i et Design Editor-design

Fjernelse af dublerede produkter #

Brug af denne funktion tvinger indlæsningen af flere Clerk.io recommendations én efter én, i stedet for samtidigt, hvilket øger sidens loadingtid.

Sørg for, at kompromiset i loadtid opvejes af at undgå dubletter.

Clerk.js tilbyder to simple måder at forhindre dublerede produkter på tværs af flere recommendations-sliders på samme side.

Den ene er at bruge Exclude Duplicates-option i Inject Element-sektionen, hvor du vælger det Clerk-element, du vil udelukke dubletter fra – enten ved at vælge det fra listen eller ved at angive en CSS-selector.

Den anden mulighed er at tilføje attributten data-exclude-from på Clerk-blokken, du vil undgå dubletter på. Value af attributten skal være en CSS-selector for den anden blok, du vil forhindre dubletter fra.

I nedenstående eksempel ekskluderer .clerk2-slideren ethvert produkt, der findes i .clerk1-slideren, og .clerk3-slideren ekskluderer alle produkter, der er i enten .clerk1 eller .clerk2 sliders.

<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>

Du kan også begrænse udelukkelsen til kun at inkludere de første n produkter (en smart løsning, hvis du har en slider med 20 produkter, men kun fire vises ad gangen).

Dette gøres via :limit(n)-optionen (hvor n er det første antal produkter, du vil udelukke).

Her er det samme eksempel som ovenfor, men hvor udelukkelses-ID’et kun gælder for de første fem produkter.

<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>

Udelukkelse af specifikke produkter #

For at undgå at vise bestemte produkter, skal du blot tilføje attributten data-exclude til en eksisterende embedcode.

Dette skal være en liste over de produkt-ID’er, du ikke vil have vist i blokken.

For eksempel:

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