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.

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

Slider Setup #

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

Hvis du følger vejledningen 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 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-elementer, du opretter.

Design Editor #

1. Gå til Recommendations > Designs og klik på New Design.
2. Vælg Product Slider
3. Vælg den designtemplate, du ønsker at starte med, fra listen.
4. Giv det et navn, og klik på Create design.
5. Foretag de ønskede ændringer 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 tjekke Slider template længere nede.

Opret Indhold #

Dette indeholder alle de indstillinger, der bruges til at vise Recommendations og gøre det indlejrbart på din hjemmeside. Følg disse trin for hver Recommendations-banner, du vil oprette.

1. Gå til Recommendations > Elements.
2. Klik på New Content.
3. Giv det et beskrivende navn. Vi anbefaler, at du navngiver det baseret på den side og logik, du vil bruge. F.eks. “Forside / Visitor Recommendations”.
4. I Content 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, hvor mange produkter du vil 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 ved hjælp af en 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-menuen. Vælg Smartweb i disse tilfælde. Dette udfylder 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 Setup #

1. Gå til Recommendations > Elements.
2. Vælg det indhold, du vil indsætte.
3. Åbn fanen Insert into website.
4. Vælg en af følgende muligheder:
   • Ved at bruge injection indsætter du koden med en CSS-selector.
   • Ved at bruge embedded code indsætter du 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 varenumrene i kurven (se eksempel i vores opsætningsguide).
   • Forside: indsæt i din forside-skabelon eller CMS-blok.

Sider #

Nedenfor 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 Elements 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 et Element med logikken Bestsellers In Category.
2. I Insert into website > Choose your platform dropdown-menuen, vælg Smartweb, og kopier embedkoden.
3. Gå til Smartwebs temafiler og find filen, der genererer dine kategorisider. Dette er oftest modules > product > product-list.tpl.
4. Indsæt embedkoden et sted under titlen og beskrivelsen. 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 Elements med følgende logikker:
   • Best Alternative Products
   • Best Cross-Sell Products
2. I Insert into website > Choose your platform dropdown-menuen, vælg Smartweb for hver af dem og kopier embedkoderne.
3. I Smartweb-temafilerne, find filen, 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 et Element med logikken Best Cross-Sell Products.
2. I Insert into website > Choose your platform dropdown-menuen, vælg Smartweb, og kopier embedkoden.
3. Gå til Smartwebs temafiler og find filen, der genererer dine kurvsider. Dette er oftest modules > cart > cart.tpl.
4. Indsæt embedkoden et sted under kurv-varerne og checkout-knappen. Sæt data-products til varenumrene i kurven.

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