Indstillinger

Generelt #

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

Designs er gemt hos Clerk.io, og du skal blot indsætte en lille embed kode på siden, 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 til hver Element.

Du kan tjekke 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 delt op 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 nogle Filters, hvis du f.eks. kun ønsker at vise produkter over eller under en bestemt pris, eller fra et specifikt brand.

Vælg design #

Her kan du 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 også tilføje overskrifter, der skal vises for Elementet her.

Indsæt på hjemmeside #

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

Bemærk at embed codes kan kræve variabler såsom product IDs, category IDs eller email, afhængigt af logikken.

Brug af embedded code #

Embed code er en lille kodebit, som du kan indsætte på din hjemmeside. Den findes ved at vælge Using embedded code:

Brug af injection #

Injection er en funktion, der gør det muligt at indsætte elementblokke på din hjemmeside uden manuelt at tilføje embed koden. Det gøres ved at vælge Using injection:

Nedenfor er en beskrivelse af de forskellige inject options:

Flere ID’er #

For Product ID CSS selector kan du målrette flere elementer med samme selector.

Hvis selector matcher flere produkt-ID’er, samler Clerk alle matchede værdier og sammenfletter dem til én liste.

Det er nyttigt på sider som indkøbskurv, hvor hver linje indeholder et produkt-ID-element.

<input class="product-id" value="123">
<input class="product-id" value="456">
<input class="product-id" value="789">

Med selector .product-id læser Clerk alle værdier ovenfor som én produkt-ID-liste.

Headlines #

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

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

Ændr teksten i Headline boksen og klik Save.

Ændringen ses straks, når du opdaterer din 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 overalt i code designs.

Tags har syntaksen {{ variable }} og kan have ethvert navn, du vælger.

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

På Edit Design-siden indsættes overskriftstagget med {{ headline }} i HTML Section:

Klik Save & Close, og du kan 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 kan bruges som inputfelt fra Element.

Disse tags kan også bruges i ethvert tekstfelt i et Design Editor-design

Fjernelse af duplikerede produkter #

Ved at bruge denne funktion tvinges indlæsning af flere Clerk.io anbefalinger én efter én i stedet for samtidig, hvilket tilføjer ekstra vægt til sidens loadtid.

Sørg for, at kompromiset i loadtid er det værd for at undgå dubletter.

Clerk.js giver to simple måder at forhindre dubletter på tværs af flere recommendations elementer på samme side.

Den ene er at bruge indstillingen Exclude Duplicates 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 ved at tilføje data-exclude-from attributten på den Clerk-blok, du vil fjerne dubletter fra. Værdien af attributten skal være en CSS selector for det andet blok, der skal undgå dubletter fra.

I eksemplet nedenfor udelukker .clerk2-elementet ethvert produkt, der er i .clerk1-elementet, og .clerk3-elementet udelukker ethvert produkt, der er 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 udelukkelsen til kun at gælde de første n produkter (smart hvis du har et element 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 samme eksempel, men hvor udelukkelses-ID kun gælder 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, tilføj blot attributten data-exclude til en eksisterende embedcode.

Dette skal være en liste over produkt-ID’er, som 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-badge i kolonnen Seen in last 24h for at åbne et hurtigt indblik.

Popup’en viser for de sidste 7 dage:

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

Brug dette til at verificere placering og finde ud af, hvilke sider, der giver mest eksponering for hvert element. Hvis et element ikke har nogen nylige visninger, vises No på badgen, og popup’en vil være tom.