Recommendations

Clerk.io tilbyder mere end 23 forskellige typer produktlogikker, hvilket gør det muligt for dig at vise fuldt automatiserede produkter på enhver side. Denne artikel forklarer, hvordan du kommer i gang med at bruge et Clerk.js setup i VTEX.

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

Slider-opsætning #

Recommendations oprettes med Elements, der refererer til et Design. Herunder finder du den grundlæggende guide til opsætning af et Element.

Hvis du følger trinnene i my.clerk.io > Settings > Setup Guides, vil det automatisk oprette Elements til 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 det samme farveskema og stil som din webshop.

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

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

Opret Element #

Dette indeholder alle de indstillinger, der bruges til at vise Recommendations, og gøre det indlejeligt 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 navngive det baseret på siden og logikken, du ønsker at bruge. F.eks. “Home Page / Visitor Recommendations”.
4. I Element type, vælg den produktlogik, du ønsker at bruge, fra dropdown-menuen. Du kan se en oversigt over alle produktlogikker her.
5. I Design vælg det design, du oprettede, fra dropdown-menuen, og vælg antallet af produkter, du ønsker at 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 specifik side af webshoppen og indeholder information om:

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

Klik for hver type recommendations, du vil bruge, og følg trinnene.

Bemærk venligst: 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 trinnene.

Tilføj til Website #

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

1. På dit store theme, tilføj 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 hvor som helst 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 menuen til højre vises en ClerkIO-blok. Klik på den.

4. Udfyld oplysningerne, der kræves i blokken:

   • Block Class Name: indsæt en unik identifikator for blokken på den side, hvor den bruges. F.eks. clerk-product-page-alternatives
   • Template Name: indsæt id’et leveret af Clerk på det tidligere oprettede Element.
   • Product Logic: vælg den samme recommendation logik som det Element, du har oprettet i Clerk.io. Se produktlogikkerne for de tilgængelige muligheder.

Sider #

Nedenfor finder du de specifikke sider, hvor du bør indsætte Recommendations, og hvilke typer du skal 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. Tilføj clerkio_recommendations-blokken til din forside-layout i VTEX Site Editor.
3. Konfigurer hver blok med det relevante 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 kategori-side layout.
3. Konfigurer blokken med Template Name og indstil Product Logic til at matche dit Element.

Produktside #

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 produktsidelayout.
3. Konfigurer hver blok med det relevante Template Name og Product Logic.

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 embedcode fungerer korrekt.
3. Klik på Save øverst på siden.
4. Tilføj clerkio_recommendations-blokken til din add-to-basket-trin/side.
5. Konfigurer 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 din kurv-side layout.
3. Konfigurer 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. Konfigurer blokken med Template Name og Product Logic, og indstil det til at blive udløst ved exit intent.

Start-skabeloner #

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

Slider-kode #

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