Recommendations

Clerk.io tilbyder mere end 23 forskellige typer produktlogikker, hvilket gør det muligt for dig at vise fuldautomatiske produkter på enhver side. Denne artikel forklarer, hvordan du kommer i gang, når du bruger et Clerk.js-setup i DanDomain Classic.

For vores fulde Best Practices, læs denne artikel om, hvilke Recommendations du bør bruge.

Slider-opsætning #

Recommendations oprettes med Elements, der refererer til et Design. Nedenfor finder du den grundlæggende vejledning til opsætning af et Element.

Følger du trinnene i my.clerk.io > Settings > Setup Guides oprettes Elements til vores Best Practices automatisk.

Opret Design #

Recommendations vises som standard som en slider. Det gør det muligt for kunderne at se flere produkter med færre klik. Du kan enten bruge Design Editor til at konfigurere det visuelt, eller bruge code designs.

Et design kan genbruges til et hvilket som helst antal Recommendations-elementer, du opretter.

Design Editor #

1. Gå til Recommendations > Designs og klik på New Design.
2. Vælg Product Slider
3. Vælg en skabelon, giv den et navn, og klik derefter på Create design.
4. Tilpas designet efter behov.

Code Design #

1. Gå til Recommendations > Designs og klik på New Design.
2. Vælg Other designs > Blank > Code.
3. Giv den et navn, og klik derefter på Create design.
4. Byg dit design ved hjælp af Liquid code.

Hvis du ønsker et startdesign, så se Slider template længere nede.

Opret Element #

Dette indeholder alle de indstillinger, der bruges til at vise Recommendations og gøre dem indlejrbare på dit website. Følg disse trin for hver Recommendations-banner, du ønsker at oprette.

1. Gå til Recommendations > Elements.
2. Klik på New Element.
3. Giv det et sigende navn. Vi anbefaler at navngive det efter siden og logikken, du ønsker at bruge. F.eks. “Home Page / Visitor Recommendations”.
4. Under Element type, vælg den produktlogik, du vil bruge, fra dropdown-menuen. Du kan se et overblik over alle produktlogikker her.
5. I Design vælg det design, du har oprettet fra dropdown-menuen, og vælg det antal produkter, du vil vise.
6. Klik på Save øverst på skærmen.

Tilføj til Website #

For at tilføje Clerk Recommendations på dit website, har du to muligheder: Injection og Embedded code.

1. Åbn fanen Insert into website.
2. Her har du to muligheder:
   • Ved at bruge injection kan du indsætte koden ved hjælp af en CSS-selektor.
   • Ved at bruge embedded code kan du indsætte koden manuelt på dit website.
3. Vælg den mulighed, der er nemmest for dig at bruge.
4. For nogle Logics vil du se dropdown-menuen Choose your platform. Vælg DanDomain Classic i disse tilfælde. Dette vil udfylde embedkoden med de korrekte DanDomain Classic shortcodes.

For at tilføje synkroniseringsdetaljer eller starte en synkronisering, gå til my.clerk.io > Data > Configuration.

Følg nedenstående trin i DanDomain Classic-backend for at indsætte dine sliders.

Sider #

Nedenfor er de specifikke sider, hvor du bør indsætte Recommendations, og hvilke typer du bør anvende, for at følge vores Best Practices.

Forside #

1. I my.clerk.io, opret 3 Elements med følgende logikker:
   • Visitor Recommendations
   • Bestsellers
   • Hot Products
2. I DanDomain Classic, gå til Design > Egne Sider.
3. Under Forside, find siden, der viser din forside (ofte dit temanavn + “Forside”).
4. Klik på Kilde for at se HTML.
5. Indsæt embedkoden, hvor du vil have slideren, og klik derefter på Gem.

<span class="clerk" data-template="@SLIDER_ID"></span>

Kategori-side #

1. I my.clerk.io, opret et Element med logikken Bestsellers In Category.
2. I dropdown-menuen Insert into website > Choose your platform, vælg DanDomain Classic, og kopier embedkoden.
3. I DanDomain Classic, gå til Design > Egne Sider.
4. Under Vareliste, find siden for kategorisider (ofte dit temanavn + “Produktliste”).
5. Klik på Kilde.
6. Indsæt embedkoden, hvor du vil have slideren, og klik derefter på Gem.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-category="CATEGORY_ID">
</span>

Produktside #

1. I my.clerk.io, opret 2 Elements med følgende logikker:
   • Best Alternative Products
   • Best Cross-Sell Products
2. I Insert into website > Choose your platform dropdownen, vælg DanDomain Classic for dem begge, og kopier embedkoderne.
3. I DanDomain Classic, gå til Design > Egne Sider.
4. Under Produktkort, find siden for produktsider (ofte dit temanavn + “Produktkort”).
5. Klik på Kilde.
6. Indsæt embedkoden, hvor du vil have slideren, og klik derefter på Gem.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-products="[PRODUCT_ID]">
</span>

Add-To-Basket-trin #

1. I my.clerk.io, opret et Element med logikken Best Cross-Sell Products.
2. Giv det navnet “Add-To-Basket / Others Also Bought”. Dette er vigtigt for at embedkoden fungerer korrekt.
3. Klik på Save øverst på siden.
4. I Clerk.io DanDomain Classic-appen, aktiver Powerstep.
5. Tilføj ID’erne på de elements, du vil vise, adskilt med komma.
6. Klik på Save.

Kurv-side #

1. I my.clerk.io, opret et Element med logikken Best Cross-Sell Products.
2. I dropdown-menuen Insert into website > Choose your platform, vælg DanDomain Classic, og kopier embedkoden.
3. I DanDomain Classic, gå til Design > Egne Sider.
4. Under Kurv, find kurvsiden (ofte “Kurv” eller “Lille Kurv”).
5. Klik på Kilde.
6. Indsæt embedkoden, hvor du vil have slideren, og klik derefter på Gem.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-products="[PRODUCT_ID]">
</span>

Exit Intent #

1. I my.clerk.io, opret et Element med logikken Visitor Recommendations.
2. I Clerk.io DanDomain Classic-appen, find Exit Intent.
3. Marker Enabled og klik på Gem.

Blogside #

1. Kopier embedkoden ind i den indholdsside, hvor du vil have det vist.
2. Erstat INSER_PAGE_HERE med ID’en på den side, du vil vise produkter for.

<span class="clerk"
  data-template="@SLIDER_ID"
  data-page="INSER_PAGE_HERE">
</span>

Startskabeloner #

Hvis du vil bruge code designs, kan disse skabeloner hjælpe dig i gang.

Slider-kode #

Denne skabelon vil gengive en standard-slider med almindelige produktoplysninger, som du kan tilpasse til dine behov.