Recommendations

Clerk.io tilbyder mere end 23 forskellige typer af produktlogikker, hvilket gør det muligt for dig at vise fuldstændigt automatiserede 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 skal bruge.

Slider-opsætning #

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

Ved at følge trinene i my.clerk.io > Settings > Setup Guides bliver Elements til vores Best Practices automatisk oprettet.

Opret Design #

Recommendations vises som standard som en slider. Dette 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, navngiv det, 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. Navngiv det, og klik derefter på Create design.
4. Byg dit design ved hjælp af Liquid code.

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

Opret Element #

Dette indeholder alle indstillinger brugt til at vise Recommendations, og gør det muligt at indlejre på din hjemmeside. Følg disse trin for hvert Recommendations-banner, du ønsker at oprette.

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

Tilføj til Hjemmeside #

For at tilføje Clerk Recommendations på din hjemmeside 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 via et CSS selector.
   • Ved at bruge embedded code kan du indsætte koden manuelt på din hjemmeside.
3. Vælg den mulighed, som er nemmest for dig.
4. For nogle Logics vil du se Choose your platform dropdown. 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 skal bruge, for at følge vores Best Practices.

Forside #

1. I my.clerk.io, opret 3 Elements med følgende logics:
   • 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 tema navn + “Forside”).
4. Klik på Kilde for at se HTML.
5. Indsæt embedkoden, hvor du ønsker slideren, og klik derefter på Gem.

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

Kategoriside #

1. I my.clerk.io, opret et Element med logikken Bestsellers In Category.
2. I Insert into website > Choose your platform dropdown, 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 tema navn + “Produktliste”).
5. Klik på Kilde.
6. Indsæt embedkoden der, hvor du ønsker 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 logics:
   • Best Alternative Products
   • Best Cross-Sell Products
2. I Insert into website > Choose your platform dropdown, vælg DanDomain Classic for hver af dem, og kopier embedkoderne.
3. I DanDomain Classic, gå til Design > Egne Sider.
4. Under Produktkort, find siden for produktsider (ofte dit tema navn + “Produktkort”).
5. Klik på Kilde.
6. Indsæt embedkoden, hvor du ønsker 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 app’en, aktivér Powerstep.
5. Tilføj ID’erne på de elementer, du vil vise, adskilt med kommaer.
6. Klik på Save.

Kurvside #

1. I my.clerk.io, opret et Element med logikken Best Cross-Sell Products.
2. I Insert into website > Choose your platform dropdown, 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 ønsker 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 app’en, find Exit Intent.
3. Marker Enabled og klik på Gem.

Blogside #

1. Kopiér embedkoden ind på indholdssiden, hvor du ønsker, den skal vises.
2. Erstat INSER_PAGE_HERE med side-ID’et, du ønsker at vise produkter for.

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

Startskabeloner #

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

Slider-kode #

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