Skip to main content
Upsells-blokken viser produkttilbud i kurvskuffen, valgt af en Strategy, du vælger. Når en kunde åbner kurven, viser blokken de produkter, din Strategy returnerer baseret på det aktuelle kurvindhold og eventuelle målretningsregler, du har konfigureret.

Øg den gennemsnitlige ordreværdi ved at vise relevante produkttilbud i det øjeblik, kunder åbner deres kurv, med en Strategy, der vælger, hvad der skal vises, baseret på kurvindhold og dine målretningsregler.
I modsætning til Product add-on-blokken, som altid viser ét produkt, du vælger, drives Upsells af en Strategy, der beslutter, hvad der skal vises.
Upsells-blok, der viser strategi-udvalgte produktanbefalinger i kurvskuffen

Adfærd

  • Produkter hentes live baseret på kundens aktuelle kurv, så tilbuddene afspejler, hvad der faktisk er i kurven.
  • Hele sektionen skjules, når ingen produkter kan findes — ingen Strategy tilknyttet, Strategyen returnerer intet, eller ingen af de returnerede produkter kan købes. Kunder ser aldrig en tom Upsells-sektion.
  • Hvis et returneret tilbud har en rabat, ser kunden en ærlig gennemstregning og et rabatbadge, og rabatten anvendes ved checkout.

Indstillinger

Understøttede anmeldelsesapps

Følgende metafield-baserede anmeldelsesapps understøttes: Shopify Product Reviews, Junip, Okendo, Growave, Fera, Stamped, Loox, REVIEWS.io, Automizely Reviews, Judge.me, Ali Reviews, Trustoo, Rivo, Rivyo og Vitals. Yotpo understøttes ikke, fordi den bruger et separat API frem for produkt-metafields.

Design

Upsells-blokken har per-blok-designoverstyringer i sit Design-panel. Disse overstyrer kurvens globale designindstillinger for kun denne blok. Efterlades en værdi tom, arves den globale indstilling.

Tekst-styling

Upsells-blokken indeholder en Text-sektion i sine designindstillinger. Brug den til at styre typografien for de enkelte tekstelementer på hvert upsell-kort. Vælg et tekstelement fra vælgeren for at justere dets indstillinger: De tekstelementer, du kan style, er grupperet efter kategori: Heading
  • Heading — sektionsoverskriften over upsell-kortene (for eksempel You may also like). Understøtter også en tilpasset skriftfamilie. Fed og farve indstilles i Rich Text Editor ovenfor.
Product
  • Product title — produktnavnet på hvert upsell-kort.
  • Review count — antallet af anmeldelser, der vises, når Show product reviews er aktiveret.
Pricing
  • Price — den aktuelle pris på hvert kort.
  • Compare-at price — den gennemstregede oprindelige pris.
  • Discount — rabatetiketten (for eksempel 20% off).
Hvis et felt efterlades tomt, bibeholdes elementets standardværdi.
Ved at klikke direkte på et tekstelement i cart-forhåndsvisningen fremhæves det, og dets kontroller åbnes automatisk i panelet.

Flisefarver

Anmeldelser

Når Show product reviews er aktiveret, kan du tilpasse stjernefarverne fra Reviews-sektionen i Design-panelet.

Placering og grænser

  • Region: body eller bund.
  • Maksimum: 1 pr. kurvtilstand — den fyldte kurv og den tomme kurv får hver deres egen.
  • Tilstand: både fyldt og tom kurv.
  • Tilføjes ikke som standard. Ikke låst — du kan fjerne eller skjule den.

Vælg en strategi

En Upsells-blok ankommer ikke tom: hvis ingen Strategy er sat, finder Aftersell din butiks Shopify AI-strategi — og opretter den, hvis du ikke har en endnu — og udfylder den, så blokken virker med det samme. Åbn Strategy-vælgeren for at ændre den. Vælgeren har to grupper: Quick start
  • Create strategy from selected products — vælg specifikke produkter direkte, og en Strategy oprettes automatisk for dig.
  • Create strategy from scratch — åbner Strategy-editoren, så du kan bygge regler uden at forlade cart editoren.
Strategies
  • Shopify AI recommendations — opretter en Strategy understøttet af Shopifys egne anbefalinger, navngivet Shopify AI recommended products, hvor end den vises bagefter. Denne post forsvinder, når du har en, da en butik kun nogensinde behøver en enkelt Shopify AI-strategi.
  • Dine eksisterende Strategies, listet efter navn. Skriv i søgefeltet for at filtrere dem.
Når en Strategy er valgt, vises dens navn på strategirækken inde i blokken.

Administrér en valgt strategi

Når en Strategy er tilknyttet, vises en •••-knap (ellipse) på strategirækken. Klik på den for at åbne handlingsmenuen:
  • Edit strategy — åbner Strategy-editoren i en ny fane, så din cart editor-session og eventuelle ugemte ændringer forbliver intakte. Denne mulighed er ikke tilgængelig for den Shopify AI-anbefalede strategi, som administreres automatisk og ikke har redigerbare regler.
  • Remove from upsell — frakobler Strategyen fra denne blok. Selve Strategyen slettes ikke; den forbliver tilgængelig i din Strategies-liste.
At redigere en Strategy i en ny fane påvirker ikke cart editor-sessionen — du kan vende tilbage til cart editor-fanen og fortsætte konfigurationen uden at miste dit arbejde.

Custom template

Understøtter en custom template fra sin Code-fane, som erstatter denne bloks indbyggede markup med din JSX. Dette er de props, den modtager.

Blokindhold

Tilføjelse til kurven

Kun relevant, når layout er 'carousel'.

Upsell-kortet

Hver post i upsells: Hver post i variants bærer id, title, price og compareAtPrice (rå, uformateret, i valutaens hovedenhed som strenge), availableForSale, imageUrl, sku og selectedOptions ([{ name, value }]).
Tilgængelighed er pr. kombination, ikke pr. mulighed. options giver dig grupperne at rendere, men om et givet valg kan købes, ligger på den matchende post i variants. Opløs kundens valgte kombination mod variants, og gate på den posts availableForSale, frem for at antage, at hver værdi i options kan bestilles.
priceLabel og compareAtLabel er allerede formateret til visning, mens variants[].price og variants[].compareAtPrice er rå strenge i valutaens hovedenhed. Bland ikke de to: vis etiketterne, og brug kun de rå værdier til sammenligninger.

Design

Stil denne blok med dens Design-sektion i indstillingspanelet. Det er per-blok-overstyringer, der lægges oven på dit globale design og falder tilbage til det, når de er tomme. Hvad er designindstillinger? Lær mere her: Designindstillinger.