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:
- Velg CUSTOM i nedtrekksmenyen for anbefalinger.
- Lim inn ID-en i feltet ID for egendefinert produktanbefaling.
Slik finner du ID-en i Crall:
- Logg inn i Crall (via Utvidelser > AI - Personalisert Shopping).
- Gå til Produktanbefalinger > Komponenter og klikk på blyantikonet ved den aktuelle komponenten.
- Åpne fanen Integrasjon.
- Finn koden som ser slik ut:
[RECOMMENDATION id="din-id-her"]. - 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.