Upsells-block

Het Upsells-block toont productaanbiedingen in de cart drawer, gekozen door een Strategy die jij selecteert. Wanneer een shopper de winkelwagen opent, toont het block de producten die je Strategy teruggeeft op basis van de huidige winkelwageninhoud en eventuele targetingregels die je hebt geconfigureerd.

Verhoog de gemiddelde bestelwaarde door relevante productaanbiedingen te tonen op het moment dat shoppers hun winkelwagen openen, met een Strategy die kiest wat er getoond wordt op basis van de winkelwageninhoud en je targetingregels.

• Producten worden live opgehaald op basis van de huidige winkelwagen van de shopper, dus de aanbiedingen weerspiegelen wat er daadwerkelijk in de winkelwagen zit.
• De hele sectie verbergt zich wanneer er geen producten resolven — geen Strategy gekoppeld, de Strategy geeft niets terug, of geen van de teruggegeven producten is koopbaar. Shoppers zien nooit een lege Upsells-sectie.
• Als een teruggegeven aanbieding een korting draagt, ziet de shopper een eerlijke doorstreping en een kortingsbadge, en wordt de korting toegepast bij de checkout.

De volgende metafield-gebaseerde review-apps worden ondersteund: Shopify Product Reviews, Junip, Okendo, Growave, Fera, Stamped, Loox, REVIEWS.io, Automizely Reviews, Judge.me, Ali Reviews, Trustoo, Rivo, Rivyo en Vitals. Yotpo wordt niet ondersteund omdat het een aparte API gebruikt in plaats van productmetafields. Het Upsells-block heeft design-overrides per block in zijn Design-paneel. Deze overschrijven de globale design-instellingen van de winkelwagen alleen voor dit block. Een waarde leeg laten erft de globale instelling. Het Upsells-block bevat een sectie Text in de Design-instellingen. Gebruik deze om de typografie van afzonderlijke tekstelementen op elke upsell-kaart te bepalen. Selecteer een tekstelement uit de kiezer om de instellingen ervan aan te passen: De tekstelementen die je kunt stylen zijn gegroepeerd per categorie: Heading

• Heading — de sectiekop boven de upsell-kaarten (bijvoorbeeld You may also like). Ondersteunt ook een aangepaste font family. Bold en color worden ingesteld in de Rich Text Editor hierboven.

Product

• Product title — de productnaam op elke upsell-kaart.
• Review count — het reviewaantal dat wordt getoond wanneer Show product reviews is ingeschakeld.

Pricing

• Price — de huidige prijs op elke kaart.
• Compare-at price — de doorgestreepte oorspronkelijke prijs.
• Discount — het kortingslabel (bijvoorbeeld 20% off).

Een veld leeg laten behoudt de standaardwaarde van het element. Wanneer Show product reviews is ingeschakeld, kun je de sterkleuren aanpassen in de Reviews-sectie van het Design-paneel.

• Regio: body of bottom.
• Maximum: 1 per winkelwagenstatus — de gevulde winkelwagen en de lege winkelwagen krijgen er elk één.
• Status: zowel gevulde als lege winkelwagen.
• Niet standaard toegevoegd. Niet vergrendeld — je kunt het verwijderen of verbergen.

Een Upsells-block komt niet leeg aan: als er geen Strategy is ingesteld, resolvet Aftersell de Shopify AI-strategy van je winkel — en maakt die aan als je er nog geen hebt — en vult die in, zodat het block direct werkt. Open de Strategy-kiezer om hem te wijzigen. De kiezer heeft twee groepen: Quick start

• Create strategy from selected products — kies rechtstreeks specifieke producten en er wordt automatisch een Strategy voor je aangemaakt.
• Create strategy from scratch — opent de Strategy-editor zodat je regels kunt bouwen zonder de cart editor te verlaten.

Strategies

• Shopify AI recommendations — maakt een Strategy aan die wordt ondersteund door Shopify’s eigen aanbevelingen, daarna overal Shopify AI recommended products genoemd. Deze optie verdwijnt zodra je er een hebt, aangezien een winkel maar één Shopify AI-strategy nodig heeft.
• Je bestaande Strategies, op naam vermeld. Typ in het zoekveld om ze te filteren.

Zodra een Strategy is geselecteerd, verschijnt de naam ervan op de strategy-rij in het block. Nadat een Strategy is gekoppeld, verschijnt er een •••-knop (ellipsis) op de strategy-rij. Klik erop om het actiemenu te openen:

• Edit strategy — opent de Strategy-editor in een nieuw tabblad, zodat je cart editor-sessie en eventuele niet-opgeslagen wijzigingen intact blijven. Deze optie is niet beschikbaar voor de door Shopify AI aanbevolen strategy, die automatisch wordt beheerd en geen bewerkbare regels heeft.
• Remove from upsell — koppelt de Strategy los van dit block. De Strategy zelf wordt niet verwijderd; hij blijft beschikbaar in je Strategies-lijst.

Een Strategy bewerken in een nieuw tabblad heeft geen effect op de cart editor-sessie — je kunt terugkeren naar het cart editor-tabblad en verder configureren zonder je werk te verliezen. Ondersteunt een custom template vanaf zijn Code-tabblad, dat de ingebouwde markup van dit block vervangt door jouw JSX. Dit zijn de props die het ontvangt. Alleen relevant wanneer layout 'carousel' is. Elke entry in upsells: Elke entry in variants draagt id, title, price en compareAtPrice (rauw, ongeformatteerd, in de hoofdeenheid van de valuta als strings), availableForSale, imageUrl, sku en selectedOptions ([{ name, value }]). Style dit block met zijn Design-sectie in het instellingenpaneel. Dit zijn overrides per block die bovenop je globale design komen en erop terugvallen wanneer ze leeg zijn. Wat zijn design settings? Lees er hier meer over: Design settings.