Blokk: Crall produktanbefaling

Denne artikkelen forklarer hvordan du bruker Crall-blokken for å vise produktanbefalinger i designet ditt. Vi dekker valg av anbefaling, innstillinger og avanserte funksjoner.

Hvorfor bruke Crall-blokken?

I motsetning til vanlige produktblokker som viser statiske lister, lærer Crall av kundenes klikk og kjøp. Dette betyr at to ulike kunder kan se helt forskjellige produkter i samme blokk, basert på hva som er mest relevant for dem.


Velg anbefalingstype

Gjennom en nedtrekksmeny kan du velge mellom ferdige anbefalingsmodeller. Disse er navngitt etter hvor de er ment å brukes og hva de inneholder:

  • @home-page-trending: Viser produkter som er i vinden akkurat nå.
  • @home-page-popular: Viser de mest solgte produktene i butikken.
  • Samsvar med Crall: Navnene du ser i listen tilsvarer komponentene du finner i Crall-administrasjonen under Produktanbefalinger > Komponenter.

Bruk av egendefinerte anbefalinger

Hvis du har bygget en helt unik anbefalingsmodell i Crall-dashbordet, kan du enkelt hente denne inn i designbyggeren.

Slik legger du til en unik ID:

  1. Velg CUSTOM i nedtrekksmenyen for anbefalinger.
  2. Lim inn ID-en i feltet ID for egendefinert produktanbefaling.

Slik finner du ID-en i Crall:

  1. Logg inn i Crall (via Utvidelser > AI - Personalisert Shopping).
  2. Gå til Produktanbefalinger > Komponenter og klikk på blyantikonet ved den aktuelle komponenten.
  3. Åpne fanen Integrasjon.
  4. Finn koden som ser slik ut: [RECOMMENDATION id="din-id-her"].
  5. Kopier kun teksten som står mellom anførselstegnene (f.eks. din-id-her).

Konfigurering av visning

Du kan styre hvordan de anbefalte produktene presenteres visuelt for å passe inn i resten av butikkens utseende.

  • Karusell: Aktiver dette for å la produktene ligge på én linje som kunden kan bla gjennom.
  • Gjentagende innhold (Loop): Lar karusellen starte forfra når kunden har bladd til siste produkt.
  • Automatisk avspilling: Karusellen beveger seg av seg selv med faste tidsintervaller.
  • Stilvalg: Velg hvilken designmal som skal brukes på produktboksene i anbefalingen.
  • Lazy Load: Sørger for at produktbildene kun lastes inn når de blir synlige på skjermen, noe som forbedrer sidehastigheten.


Var denne artikkelen hjelpsom?