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 Smartweb.

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

Slider-opsætning #

Recommendations oprettes med Sliders, der refererer til et Design. Herunder finder du den grundlæggende guide til at opsætte en Slider.

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

Opret Design #

Recommendations vises som standard som en slider. Dette giver kunderne mulighed for 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 sliders, du opretter.

Design Editor #

1. Gå til Recommendations > Designs og klik på New Design.
2. Vælg Product Slider
3. Vælg den designskabelon, du vil starte med, fra listen.
4. Giv det et navn, og klik på Create design.
5. Foretag eventuelle ændringer, du ønsker i 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 code design fra bunden ved hjælp af Liquid code.

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

Opret Indhold #

Dette indeholder alle indstillingerne, der bruges til at vise Recommendations, og gør det muligt at integrere det på dit website. Følg disse trin for hver Recommendations-banner, du vil oprette.

1. Gå til Recommendations > Sliders.
2. Klik på New Content.
3. Giv det et sigende navn. Vi anbefaler at navngive det efter den side og logik, du vil bruge. Fx “Hjemmeside / Visitor Recommendations”.
4. I Content type, vælger du den produktlogik, du vil bruge, fra dropdown-menuen. Du kan se et overblik over alle produktlogikker her.
5. I Design vælger du det design, du har oprettet, fra dropdown-menuen og vælger antallet af 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-selector.
   • Ved at bruge embedded code kan du indsætte koden manuelt på dit website.
3. Vælg den mulighed, der er nemmest for dig.
4. For nogle Logics vil du se dropdown-menuen Choose your platform. Vælg Smartweb i disse tilfælde. Dette vil udfylde embedkoden med de korrekte Smartweb-shortcodes.

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

my.clerk.io Opsætning #

1. Gå til Recommendations > Sliders.
2. Vælg det indhold, du vil indsætte.
3. Åbn fanen Insert into website.
4. Vælg én af følgende:
   • Brug af injection indsætter koden ved hjælp af en CSS-selector.
   • Brug af embedded code indsætter koden manuelt.
5. For embedded code på Smartweb 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 omgiv med {if $field == 'search'}...{else}...{/if} for at undgå visning på Search Page.
   • Kurvside: modules > cart > cart.tpl — sæt data-products til kurvens produkt-ID’er (se eksempel i vores opsætningsguide).
   • Forside: indsæt i din forside-skabelon/CMS-blok.

Sider #

Herunder er 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 Sliders med følgende logikker:
   • Visitor Recommendations
   • Bestsellers
   • Hot Products
2. Indsæt embedkoderne i din forside-skabelon/CMS-blok.

Kategoriside #

1. I my.clerk.io, opret en Slider med logikken Bestsellers In Category.
2. I dropdown-menuen Insert into website > Choose your platform, vælg Smartweb, og kopier embedkoden.
3. Gå til Smartwebs temafiler 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 omgiv med {if $field == 'search'}...{else}...{/if} for at undgå visning på Search Page.

Produktside #

1. I my.clerk.io, opret 2 Sliders med følgende logikker:
   • Best Alternative Products
   • Best Cross-Sell Products
2. I dropdown-menuen Insert into website > Choose your platform, vælg Smartweb for hver af dem og kopier embedkoderne.
3. I Smartwebs temafiler, 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. I my.clerk.io, opret en Slider med logikken Best Cross-Sell Products.
2. I dropdown-menuen Insert into website > Choose your platform, vælg Smartweb, og kopier embedkoden.
3. Gå til Smartwebs temafiler og find den fil, der genererer dine kurvsider. Dette er oftest modules > cart > cart.tpl.
4. Indsæt embedkoden et sted under kurvvarerne og betal-knappen. Sæt data-products til kurvens produkt-ID’er.

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