Recommendations

Clerk.io tilbyder mere end 23 forskellige typer produktlogikker, hvilket gør det muligt for dig at vise fuldautomatiserede produkter på enhver side. Denne artikel forklarer, hvordan du kommer i gang, når du bruger en 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 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. Dette tillader kunder 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 vilkårligt antal Recommendations elements, 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 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 på Create design.
4. Byg dit design ved hjælp af Liquid code.

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

Opret Indhold #

Dette indeholder alle indstillinger, der bruges til at vise Recommendations og gøre det muligt at integrere dem i din hjemmeside. Følg disse trin for hver Recommendations-banner, du ønsker at oprette.

1. Gå til Recommendations > Elements.
2. Klik på New Content.
3. Giv det et beskrivende navn. Vi anbefaler, at du navngiver det ud fra siden og logikken, du vil bruge. F.eks. “Home Page / Visitor Recommendations”.
4. I Content type, vælger du den produktlogik, du ønsker at bruge, fra dropdown-menuen. Du kan se et overblik over alle product logics her.
5. I Design vælger du det design, du har oprettet, fra dropdown-menuen og vælger det 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:
   • Brug af injection lader dig indsætte koden ved at bruge en CSS selector.
   • Brug af embedded code lader dig indsætte koden manuelt i din hjemmeside.
3. Vælg den mulighed, der er lettest 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 sync-detaljer eller starte en sync, gå til my.clerk.io > Data > Configuration.

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

Sider #

Nedenfor findest du de specifikke sider, hvor du bør indsætte Recommendations, og hvilke typer du bør bruge, 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 (oftest dit temas navn + “Forside”).
4. Klik på Kilde for at se HTML.
5. Indsæt embed koden, hvor du vil have slideren, og klik så 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 dropdown-menuen Insert into website > Choose your platform vælger du DanDomain Classic, og kopierer embedkoden.
3. I DanDomain Classic, gå til Design > Egne Sider.
4. Under Vareliste, find siden for kategorisider (oftest dit temas navn + “Produktliste”).
5. Klik på Kilde.
6. Indsæt embed koden, hvor du vil have slideren, og klik så 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 dropdown-menuen Insert into website > Choose your platform vælger du DanDomain Classic for hver af dem og kopierer embedkoderne.
3. I DanDomain Classic, gå til Design > Egne Sider.
4. Under Produktkort, find siden for produktsider (oftest dit temas navn + “Produktkort”).
5. Klik på Kilde.
6. Indsæt embed koden, hvor du vil have slideren, og klik så 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.

Kurvside #

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ælger du DanDomain Classic, og kopierer embedkoden.
3. I DanDomain Classic, gå til Design > Egne Sider.
4. Under Kurv, find kurvsiden (oftest “Kurv” eller “Lille Kurv”).
5. Klik på Kilde.
6. Indsæt embed koden, hvor du vil have slideren, og klik så 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. Kopiér embed-koden ind i indholdssiden, hvor du ønsker den vist.
2. Erstat INSER_PAGE_HERE med side-ID’et for den side, 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.