Indstillinger

Generelt #
Website Elements gør det nemt at arbejde med Elements til Recommendations og Elements til Search results.
Designs gemmes hos Clerk.io, og du skal kun indsætte en lille embed-kode på den side, hvor du vil have produkter vist. Dette kan gøres ved at bruge sektionen Embedded Code eller sektionen Injection.
Ethvert 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 til alle Element-blokke, som også fungerer som dens tracking label.
Hver Element-bloks Settings side er opdelt i fire sektioner, som du får adgang til ved at klikke på Edit Element.
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, f.eks. hvis du kun vil vise produkter over eller under en bestemt 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 tilknyttet en embedcode, der gør det muligt at gengive dem på alle sider, hvor du har indsat Clerk.js. Du kan enten blot indsætte embedcode der, hvor du vil have vist dette Element, eller bruge vores injection-funktion.
Bemærk, at embed-koder muligvis skal bruge variabler som product IDs, category IDs eller email, afhængigt af logikken.
Brug af embedded code #
Embed code er et lille kodeuddrag, 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 manuelt at tilføje embed-koden. Det gøres ved at vælge Using injection:
Nedenfor er en beskrivelse af de forskellige injection-muligheder:
| Option | Beskrivelse |
|---|---|
| Unik CSS selector til at identificere den | Indsæt en unik CSS-selector, som identificerer element-blokken på siden. Vælg også, hvor den skal injiceres; Efter, Før, Indeni eller Erstat. |
| Exclude Duplicates | Vælg, om du vil ekskludere produkter, der allerede vises i andre clerk-element-blokke på samme side. |
| Category ID, Product ID, Email CSS Selector | Hvis logikken er sat til at vise produkter fra en bestemt kategori, produkt eller email-adresse, kan du indsætte CSS-selector for kategori-, produkt- eller email-ID her. |
| Category, Product, Email attribute | Hvis logikken er sat til at vise produkter fra en bestemt kategori, produkt eller for en bestemt email-adresse, kan du indsætte attributten, der indeholder kategori-, produkt- eller email-værdien her. F.eks. hvis attributten er value-category="category-123", skal du indsætte "value-category" i dette felt. |
| Uddrag Category ID, Product ID, Email ID fra attribut ved at fjerne strengen | Hvis attributten, der indeholder kategori-, produkt- eller email-adresseværdien, er en del af en længere streng, kan du indsætte den del, der skal fjernes, her. F.eks. hvis attributten er value="category-123" og du vil udtrække ID’et, skal du indsætte "category-" i dette felt. |
Overskrifter #
Det er nemt at administrere overskrifter med standardopsætningen i Element.
På Edit Element siden, klik på Select Design for at se Headline input-feltet:

Skift teksten i Headline boksen og klik på Save.
Ændringen vises straks, når du opdaterer din webshop.
Dynamiske tekstfelttags #
Vores standard-designs anvender 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 et vilkårligt navn.
Start med at gå til Designs og klik på Edit Design for det design, du vil ændre:
På Edit Design-siden indsættes et headline-tag med {{ headline }} i HTML Section:
Klik på Save & Close, og du vil kunne skrive en Headline fra din Element-fane.
Du kan tilføje så mange tekstfelter, du vil, Headline er kun et eksempel.
Alt, du skriver i HTML Section med {{ variable }} syntaksen vil være brugbart som input-felt fra Element.
Disse tags kan også bruges i ethvert tekstfelt 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 på samme tid, hvilket øger sideindlæsningstiden.
Sørg for, at kompromiset med indlæsningstid er det værd for at undgå dubletter.
Clerk.js tilbyder to enkle måder at forhindre dubletter på tværs af flere recommendations elements på samme side.
Den ene måde er at bruge Exclude Duplicates i Inject Element-sektionen og vælge det Clerk-element, du vil ekskludere dubletter fra—enten ved at vælge det på listen eller angive en CSS-selector.
Den anden mulighed er at tilføje data-exclude-from attributten på det Clerk-blok, hvor du ønsker at fjerne dubletter fra. Værdien af attributten skal være en CSS-selector for den anden blok, du vil udelukke dubletter fra.
I eksemplet nedenfor ekskluderer .clerk2 elementet alle produkter, som findes i .clerk1 elementet, og .clerk3 elementet ekskluderer alle produkter, der findes i enten .clerk1 eller .clerk2 elementerne.
<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 ekskluderingen til kun at vise de første n produkter (en god idé hvis du har et element med 20 produkter, men kun fire er synlige ad gangen).
Dette gøres via :limit(n) muligheden (hvor n er det første antal produkter, du ønsker at ekskludere fra).
Her er det samme eksempel som ovenfor, men hvor eksklusions-ID’et kun omhandler 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>
Ekskludering 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 IDs, du ikke ønsker vist i blokken.
For eksempel:
<span class="clerk"
data-template="@clerk-complementary"
data-exclude="[45654]">
</span>
Page views insight #
På listerne under Search > Elements og Recommendations > Elements, hold musen over det grønne Yes/No mærke i Seen in last 24h-kolonnen for at åbne et hurtigt overblik.
Popup’en viser for de seneste 7 dage:
- Top 10 sider hvor elementet blev vist
- Individuelle antal visninger per side
- Samlet antal 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 nogen nylige visninger, vises No og popup’en vil være tom.
Denne side er oversat af en hjælpsom AI, og der kan derfor være sproglige fejl. Tak for forståelsen.