Recommendations

Clerk.io tilbyder mere end 23 forskellige typer af 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 SmartWeb Classic.

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

Slider-opsætning #

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

Ved at følge trinnene i my.clerk.io > Settings > Setup Guides vil Elements til vores Best Practices automatisk blive 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 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 den skabelon, du vil starte med, fra listen over designskabeloner.
4. Giv det et navn og klik på Create design.
5. Foretag eventuelle ændringer, du ønsker, til designet.

Code Design #

1. Gå til Recommendations > Designs og klik på New Design.
2. Vælg Other designs > Blank > Code.
3. Giv det et navn og klik på Create design.
4. Opret et codedesign fra bunden med Liquid code.

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

Opret Element #

Dette indeholder alle de indstillinger, der bruges til at vise Recommendations, og gør det muligt at indsætte det på din hjemmeside. 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 beskrivende navn. Vi anbefaler, at du navngiver det ud fra siden og logikken, du vil anvende. F.eks. “Home Page / Visitor Recommendations”.
4. I Element type, skal du vælge den produktlogik, du vil bruge, fra dropdown-menuen. Du kan se et overblik over alle produktlogikker her.
5. I Design skal du vælge det design, du har oprettet, fra dropdown-menuen og vælge antal produkter, du ønsker at vise.
6. Klik på Save øverst på skærmen.

Tilføj til website #

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 vha. en CSS selector.
   • Ved at bruge embedded code kan du manuelt indsætte koden på din hjemmeside.
3. Vælg den mulighed, der er nemmest for dig at bruge.
4. For nogle Logics vil du se Choose your platform dropdown-menuen. Vælg SmartWeb Classic i disse tilfælde. Det forudfylder embedkoden med de korrekte SmartWeb Classic-shortcodes.

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

my.clerk.io Setup #

1. Gå til Recommendations > Elements.
2. Vælg det element, du vil indsætte.
3. Åbn fanen Insert into website.
4. Vælg en af følgende:
   • Brug af injection indsætter koden vha. en CSS selector.
   • Brug af embedded code indsætter koden manuelt.
5. For embedded code på SmartWeb Classic er typiske placeringer og filnavne:
   • Produktside: modules > product > product-entity.tpl — sæt data-products til [{$product->Id}].
   • Kategoriside: modules > product > product-list.tpl — sæt data-category til {$item->Id} og omslut med {if $field == 'search'}...{else}...{/if} for at undgå visning på Search Page.
   • Kurvside: modules > cart > cart.tpl — sæt data-products til produkt-ID’er i kurven (se eksempel i vores opsætningsvejledning).
   • Forside: indsæt i din forside-skabelon/CMS-blok.

Sider #

Nedenfor finder du de specifikke sider, hvor du skal indsætte Recommendations, og hvilke typer du skal benytte for at følge vores Best Practices.

Forside #

1. Opret 3 Elements i my.clerk.io med følgende logikker:
   • Visitor Recommendations
   • Bestsellers
   • Hot Products
2. Indsæt embedkoderne i din forside-skabelon/CMS-blok.

Kategoriside #

1. Opret et Element i my.clerk.io med logikken Bestsellers In Category.
2. I Insert into website > Choose your platform dropdown-menuen, vælg SmartWeb Classic, og kopier embedkoden.
3. Gå til SmartWeb Classics tema-filer og find den fil, der genererer dine kategorisider. Dette er oftest modules > product > product-list.tpl.
4. Indsæt embedkoden et sted under titel og beskrivelse. Sæt data-category til {$item->Id} og omslut med {if $field == 'search'}...{else}...{/if} for at undgå visning på Search Page.

Produktside #

1. Opret 2 Elements i my.clerk.io med følgende logikker:
   • Best Alternative Products
   • Best Cross-Sell Products
2. I Insert into website > Choose your platform dropdown-menuen, vælg SmartWeb Classic for dem begge og kopier embedkoderne.
3. I SmartWeb Classics tema-filer, find den fil, der genererer dine produktsider. Dette er oftest modules > product > product-entity.tpl.
4. Indsæt embedkoderne et sted under produktbeskrivelsen. Sæt data-products til [{$product->Id}].

Kurvside #

1. Opret et Element i my.clerk.io med logikken Best Cross-Sell Products.
2. I Insert into website > Choose your platform dropdown-menuen, vælg SmartWeb Classic, og kopier embedkoden.
3. Gå til SmartWeb Classics tema-filer og find den fil, der genererer dine kurvsider. Dette er oftest modules > cart > cart.tpl.
4. Indsæt embedkoden et sted under kurv-items og checkout-knap. Sæt data-products til kurvens produkt-ID’er.

Når du har aktiveret funktionerne, vil du kunne se Clerk.io’s RECOMMENDATIONS-funktion på din webshop.