Recommendations

Clerk.io tilbyder mere end 23 forskellige typer 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 en Clerk.js-opsætning i VTEX.

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

Slider-opsætning #

Recommendations oprettes med Elements, der henviser til et Design. Nedenfor er den grundlæggende guide til at opsætte et Element.

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

Opret Design #

Recommendations vises som standard som en slider. Dette gør det muligt for 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.

Du kan bruge Setup Guide under Recommendations - Create a design for your recommendations elements til hurtigt at oprette et Design, der har samme farveskema og stil som din webshop.

Klik på Publish, når du er tilfreds med stilen.

Du kan nemt ændre dette senere under Recommendations - Designs, og klik derefter på redigeringsknappen.

Opret Indhold #

Dette indeholder alle de indstillinger, der bruges til at vise Recommendations og gøre det indlejringsbart på 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 navngive det ud fra siden og logikken, du vil bruge. F.eks. “Hjemmeside / Visitor Recommendations”.
4. I Content type, vælg den produktlogik, du ønsker at bruge fra dropdown-menuen. Du kan se et overblik over alle produktlogikker her.
5. I Design vælg det design, du har oprettet, fra dropdown-menuen og vælg det antal produkter, du vil vise.
6. Klik på Save øverst på skærmen.

Med Setup Guide kan du se, hvilke sider du skal installere recommendations på, og hvilke typer du skal bruge for at få vores Best Practice til at køre. Hvert trin i Setup Guide fokuserer på en bestemt side i webshoppen og indeholder information om:

• Hvorfor recommendations er vigtige på siden.
• Hvilke recommendations-typer du skal bruge.
• Hvor på siden de skal placeres.

Klik for hver type recommendations, du ønsker at bruge, og følg trinene.

Vær opmærksom på: Ved kun at klikke på hver blok af Recommendations bliver de grønne, som om de var installeret – det er de ikke – du skal stadig klikke og følge trinene.

Tilføj til hjemmeside #

For at tilføje Clerk Recommendations på din hjemmeside skal du konfigurere VTEX-integration.

1. På dit butikstema skal du tilføje clerkiopartnerdk.integration-vtex 1.x som en theme peerDependency i manifest.json-filen:

"peerDependencies": {
"clerkiopartnerdk.integration-vtex": "1.x"
}

2. Tilføj clerkio_recommendations-blokken et vilkårligt sted på din butik. Eksempel: i home.json

{
  "store.home": {
    "blocks": [
      "responsive-layout.desktop#homepage",
      "responsive-layout.mobile#homepage"
    ]
  },
  "responsive-layout.desktop#homepage": {
    "children": ["clerkio_recommendations"]
  }
}

3. Gå til VTEX Site Editor, og i højremenuen vises en ClerkIO-blok. Klik på den.

4. Udfyld de nødvendige oplysninger i blokken:
   • Block Class Name: indsæt unik identifikator for blokken på den side, den bruges på. F.eks. clerk-product-page-alternatives
   • Template Name: indsæt ID’et fra Clerk på det tidligere oprettede Content.
   • Product Logic: matcher recommendations-logikken med den, der er angivet på det tidligere oprettede Content i Clerk. De tilgængelige produktlogikker er:

Sider #

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

Hjemmeside #

1. I my.clerk.io, opret 3 Elements med følgende logikker:
   • Visitor Recommendations
   • Bestsellers
   • Hot Products
2. Tilføj clerkio_recommendations-blokken til din hjemmesides layout i VTEX Site Editor.
3. Konfigurér hver blok med det korrekte Template Name og Product Logic.

Kategori-side #

1. I my.clerk.io, opret et Element med logikken Bestsellers In Category.
2. Tilføj clerkio_recommendations-blokken til dit kategoriside-layout.
3. Konfigurér blokken med Template Name og sæt Product Logic til at matche dit Content.

Produkt-side #

1. I my.clerk.io, opret 2 Elements med følgende logikker:
   • Best Alternative Products
   • Best Cross-Sell Products
2. Tilføj clerkio_recommendations-blokken til dit produkt-side layout.
3. Konfigurér hver blok med det korrekte Template Name og Product Logic.

Add-To-Basket-step #

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 embedcode virker korrekt.
3. Klik på Save øverst på siden.
4. Tilføj clerkio_recommendations-blokken til din add-to-basket-trin/side.
5. Konfigurér blokken med Template Name og Product Logic.

Kurv-side #

1. I my.clerk.io, opret et Element med logikken Best Cross-Sell Products.
2. Tilføj clerkio_recommendations-blokken til dit kurvside-layout.
3. Konfigurér blokken med Template Name og Product Logic.

Exit Intent #

1. I my.clerk.io, opret et Element med logikken Visitor Recommendations.
2. Tilføj clerkio_recommendations-blokken til dit globale layout.
3. Konfigurér blokken med Template Name og Product Logic, og sæt den til at aktivere på exit intent.

Startskabeloner #

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

Slider-kode #

Denne skabelon vil vise en standard-slider med forskellige produktoplysninger, som du kan tilpasse efter dine behov.