Dit document beschrijft de post-purchase widgets die beschikbaar zijn in Aftersell en hoe ze worden gebruikt om post-purchase upsellervaringen te bouwen. Widgets zijn gegroepeerd op bereik en functie, waarbij elke widget één keer wordt gedocumenteerd om duplicatie te voorkomen.
De Progress Bar laat klanten zien waar ze zich in de post-purchase flow bevinden.Wanneer ingeschakeld, verschijnt de voortgangsbalk op alle upsell-aanbiedingen binnen de funnel. Wijzigingen aan de voortgangsbalk gelden voor de hele funnel.Configuratieopties
Schakel de voortgangsbalk in of uit voor de funnel
Kies een weergavestijl:
Minimal
Minimal with labels
Maximal
Selecteer een zwarte of witte weergave
Pas de opvulling boven en onder aan om de ruimte te bepalen
De Text-widget wordt gebruikt voor koppen en ondersteunende tekst in een aanbieding.De widget ondersteunt een kop en optionele bodytekst, met opties voor lettergrootte, kleur, dikte, uitlijning, doorhalen en spatiëring.Gebruik de dynamische variabele {first-name} om berichten voor elke klant te personaliseren.
De Timer-widget voegt urgentie toe door een live afteltimer te tonen.Zolang de timer loopt, blijft de aanbieding zichtbaar. Wanneer de timer nul bereikt, verdwijnt de upsell-aanbieding automatisch en gaat de klant verder in de funnel.
De Upsell Product-widget is het hart van de aanbieding. Deze bepaalt welk product wordt getoond en fungeert als container voor alle productgerelateerde widgets hieronder.Alles wat volgt wordt binnen deze widget geconfigureerd.
De Product Selection-widget bepaalt welk product in een upsell-aanbieding wordt getoond.Je kunt een vast product selecteren of het upsellproduct dynamisch laten bepalen op basis van de oorspronkelijke bestelling van de klant, waardoor zowel statische als adaptieve upsellervaringen mogelijk zijn.
Het geselecteerde product staat bovenaan de widget. Zo wijzig je het:
Klik op Change product
Selecteer een producttype
Kies of bevestig het product
Wanneer je door het tabblad Products in de kiezer bladert, kun je Active products only aanvinken om Draft- en Archived-producten uit de lijst te verbergen. Dit filter staat standaard uit en geldt alleen voor het tabblad Products — Collections worden niet beïnvloed.
Als je winkel meerdere producten of varianten met dezelfde titel heeft, schakel dan de Show IDs-schakelaar in de productkiezer in om de numerieke Shopify-product-ID en variant-ID onder elke naam weer te geven. Zo kun je eenvoudig bevestigen dat je het juiste product selecteert.De Show IDs-schakelaar is beschikbaar op het tabblad Product van de kiezer en staat standaard uit. Deze is niet beschikbaar op het tabblad Collection.
De Discount-widget past promotionele prijzen toe en toont deze.Je kunt kiezen tussen een procentuele (%) korting of een korting met een vast bedrag ($). Desgewenst kan aangepaste kortingstekst worden toegevoegd, en de korting kan de vergelijkingsprijs van het product gebruiken of negeren.
Snelkoppeling voor bulkkorting bij aanbiedingen met meerdere producten
Voor aanbiedingen met meerdere producten en collecties verschijnt een sectie Discount direct in de instellingen van de Upsell Products-widget — onder het productselectiegedeelte. Dit geeft je een snellere manier om kortingen voor meerdere producten in te stellen of bij te werken zonder de individuele instellingen van elk product te openen.De sectie is standaard ingeklapt. Wanneer je deze uitklapt:
Wordt een lijst met alle producten in de aanbieding getoond, elk met een selectievakje en een badge met de huidige korting (bijvoorbeeld 17% off of $18.00 off).
Selecteer met de selectievakjes de producten die je wilt bijwerken. Alle producten zijn standaard geselecteerd.
Een label onder de lijst toont op hoeveel producten je wijzigingen worden toegepast.
Gebruik de velden voor kortingstype en -waarde om de korting in te stellen. Wijzigingen gelden alleen voor de geselecteerde producten — niet-geselecteerde producten behouden hun bestaande kortingen.
Wanneer geselecteerde producten verschillende kortingsinstellingen hebben, tonen de velden plaatshoudertekst om de variatie aan te geven:
Als producten verschillende kortingstypen hebben (bijvoorbeeld sommige % korting en andere $ korting), toont de typekiezer Mixed.
Als producten verschillende kortingswaarden of -typen hebben, toont het waardeveld Multiple values met een opmerking dat het invoeren van een nieuwe waarde de huidige korting van elk geselecteerd product overschrijft.
Een infopictogram (i) verschijnt naast de kortingsbadge van een product wanneer voor dat product aanvullende kortingsinstellingen zijn geconfigureerd — zoals een aangepaste kortingstitel, een vergelijkingsprijs of een abonnementskorting. Als je over het pictogram beweegt, zie je een samenvatting van die extra’s.
De Badge-widget licht belangrijke productkenmerken uit, zoals populariteit of urgentie.Je kunt een vooraf gedefinieerd badgelabel selecteren, kiezen uit meerdere visuele stijlen, een pictogram toevoegen en bepalen waar de badge in de aanbieding of direct op de productafbeelding verschijnt.Aangepaste badgeafbeeldingen kunnen worden geüpload via Advanced badge settings (SVG of PNG, tot 10 MB).
Badges bewerken is alleen beschikbaar bij V2-aanbiedingen. V1-aanbiedingen behouden badges die eerder zijn geconfigureerd, maar badge-instellingen kunnen niet worden bewerkt bij V1-aanbiedingen.
De Shipping-widget bepaalt hoe verzendkosten worden gecommuniceerd.Je kunt gratis verzending aanbieden of verzendkosten in rekening brengen door een specifieke verzendprijs in te stellen.
De Image-widget bepaalt hoe productafbeeldingen worden weergegeven.Deze bevat opties om de grootte van de hoofdafbeelding aan te passen, een rand toe te voegen, een afbeeldingscarrousel in te schakelen en een aangepaste productafbeelding te uploaden via Advanced image settings.
De sectie Language bepaalt welke taal wordt gebruikt voor alle systeemtekst in de aanbieding, waaronder knoptekst, abonnementslabels, prijslabels en andere niet-bewerkbare teksten.Selecteer een taal in het Language-dropdownmenu om systeemtekst voor die aanbieding automatisch te vertalen. Aftersell ondersteunt 32 talen.Deze instelling heeft geen invloed op badges of aangepaste tekstvelden — alleen door het systeem gegenereerde tekst wordt vertaald.
De Buttons-widget bepaalt hoe klanten een upsell tijdens de checkout accepteren of weigeren.Je kunt aanpassen hoe de knoppen zich gedragen en eruitzien, waaronder:
De standaard tekst van de accepteerknop selecteren
Een bevestigingsklik vereisen voordat een upsell wordt geaccepteerd
De stijl van de weigerknop wijzigen (bijvoorbeeld knop of link)
Knopuitlijning en breedte aanpassen
Optionele ondersteunende tekst boven of onder de knoppen toevoegen, met stylingopties en ondersteuning voor dynamische variabelen
Je kunt de tekst van de accepteerknop voor je post-purchase aanbiedingen configureren via het dropdownmenu Default accept button text. De beschikbare opties zijn afhankelijk van het aanbiedingstype:Standaardaanbiedingen:
Pay Now - Toont “Pay Now • [totaalprijs product]” (of “Add Now • Free” voor gratis producten)
Accept Offer - Toont “Accept Offer” ongeacht de prijs
Subscription Upgrade-aanbiedingen:
Upgrade Subscription - Toont “Upgrade Subscription” (standaard voor nieuwe Subscription Upgrade-aanbiedingen)
Accept Offer - Toont “Accept Offer” ongeacht de prijs
Pay Now - Toont “Pay Now • [totaalprijs product]” (of “Add Now • Free” voor gratis producten)
Gebruik de sectie Language boven de sectie Buttons om knoptekst te vertalen.
De Price Breakdown-widget zorgt voor duidelijkheid over prijzen.Deze kan verzendkosten en belasting weergeven, extra details tonen zoals subtotaal en kortingen, en worden uitgelijnd of geplaatst nabij de betaalknoppen voor maximale duidelijkheid.
Wanneer je aanbieding is geconfigureerd als een replacement upsell (met de instelling “Replace item in original order with upsell”), bevat de prijsspecificatie een regel Shipping adjustment die het verschil in verzendkosten tussen het oorspronkelijke en het vervangende product weergeeft.Je kunt deze regel onderdrukken met het selectievakje Hide shipping adjustment line, dat alleen in de sectie Price Breakdown verschijnt wanneer een replacement upsell is geconfigureerd. Deze instelling staat standaard uit, dus bestaande aanbiedingen worden niet beïnvloed.
Wanneer aangevinkt, wordt de regel voor de verzendkostenaanpassing verborgen in de prijsspecificatie van de klant.
Wanneer niet aangevinkt, wordt de regel voor de verzendkostenaanpassing normaal getoond.
Deze instelling heeft alleen invloed op de verzendkostenaanpassingsregel bij replacement upsell-aanbiedingen. De standaard verzendregel bij niet-replacement aanbiedingen wordt niet beïnvloed.
De Product Details-widget bepaalt hoe belangrijke productinformatie wordt gepresenteerd.Deze ondersteunt beoordelingssterren voor productreviews (automatisch verborgen als er geen reviews zijn), een optionele aantalkiezer en de mogelijkheid om de aanbieding over te slaan als het product al in de oorspronkelijke bestelling zit.Producttitels en prijzen zijn volledig aanpasbaar qua stijl en ondersteunen enkele dynamische variabelen, waaronder {product}, {original-price}, {current-price}, {savings} en {savings-line}.Een optionele aanbiedingsbeschrijving kan worden toegevoegd om waarde of urgentie te versterken.
Wanneer Show product reviews rating is ingeschakeld, kun je de kleuren van de sterrenbeoordeling aanpassen:
Star color — de kleur van gevulde (actieve) sterren. Standaard #fdcc0d (geel).
Empty star color — de kleur van ongevulde (inactieve) sterren. Standaard #d1d5db (lichtgrijs).
Om de kleuren te wijzigen, open je de instellingen van de Product Details-widget, schakel je Show product reviews rating in en gebruik je de kleurinvoervelden om je gewenste hexwaarden in te stellen.
Wanneer de aantalkiezer is ingeschakeld, kun je een vooraf ingesteld aantal configureren om te bepalen hoeveel eenheden worden getoond of toegestaan wanneer de aanbieding wordt weergegeven. De volgende presetopties zijn beschikbaar:
Fixed — Stelt een specifiek aantal in waarmee de klant start. De aantalkiezer is verborgen en de klant kan het aantal niet wijzigen.
Percentage of purchased quantity — Stelt het aantal in als percentage van het aantal eenheden dat de klant oorspronkelijk heeft gekocht.
Minimum quantity — Stelt een ondergrens voor het aantal in. De klant start op deze waarde en kan vanaf daar verhogen.
Maximum quantity — Stelt een bovengrens voor het aantal in. De klant start op 1 en kan niet verder verhogen dan het geconfigureerde maximum (tot 20). Er wordt een bericht aan de klant getoond met het maximumaantal voor het artikel.
De Variant & Plan Options-widget bepaalt de zichtbaarheid en selectie van varianten en het vergrendelen van abonnementsplannen.Je kunt niet-voorradige varianten tonen of verbergen, het hele product verbergen als alle varianten niet beschikbaar zijn, en bepalen of variantopties met slechts één keuze worden getoond. Met geavanceerde instellingen kun je de variantkiezer volledig verbergen.Opties voor het voorselecteren van varianten zijn onder meer Smart matching op de oorspronkelijke aankoop, Unselected (de klant moet zelf kiezen) of First available variant.Bij producten met meerdere variantopties worden alle opties weergegeven en wordt indien beschikbaar een voorradige variant voorgeselecteerd; niet-voorradige opties worden als niet-beschikbaar getoond. Bij producten met één variantoptie worden niet-voorradige opties verborgen.
Wanneer je abonnementsproducten met meerdere abonnementsplannen aanbiedt, kun je de aanbieding vergrendelen op een specifiek plan. Dit voorkomt dat klanten het abonnementsplan tijdens de post-purchase ervaring wijzigen, zodat ze precies de abonnementsoptie ontvangen die jij hebt geconfigureerd.Zo vergrendel je een abonnementsplan:
Zoek in de sectie Variant & Plan Options het dropdownmenu Lock subscription plan
Selecteer een specifiek plan in het dropdownmenu
Het plan is nu vergrendeld — klanten zien de plannaam als statische tekst in plaats van een wijzigbaar dropdownmenu
Wanneer een plan is vergrendeld:
Zien klanten de plannaam als tekst weergegeven
Is het plankeuzemenu verborgen
Kunnen klanten het abonnementsplan niet wijzigen
Als het vergrendelde plan niet meer beschikbaar is in Shopify, valt de aanbieding netjes terug op het tonen van alle beschikbare plannen
Automatische reset:De instelling voor het vergrendelde plan wordt automatisch gereset als je de aankoopoptie van het product wijzigt naar alleen eenmalige aankoop (waardoor de abonnementsoptie wordt verwijderd).
De Layout-widget bepaalt de algehele structuur en spatiëring van de upsell.Je kunt kiezen tussen een indeling met één of twee kolommen, de maximale breedte van de lay-out aanpassen en de opvulling boven en onder verfijnen voor een strakke, goed leesbare ervaring.
De Video-widget voegt een klikbare miniatuur toe aan een aanbieding, die een gehoste videospeler in een nieuw tabblad opent, met een gestileerde achtergrond en een knop om terug te keren naar de upsell. De video speelt af in een nieuw tabblad in plaats van inline, zodat de upsell-aanbieding open blijft in het oorspronkelijke tabblad.De widget ondersteunt ook een achtergrondkleur om bij je merk te passen of de aandacht op de speler te richten, en lay-outinstellingen voor uitlijning (links, midden, rechts) en opvulling boven en onder.Om de klantervaring te bekijken, klik je op de miniatuur in de aanbiedingsvoorvertoning in de editor. De gehoste videospeler opent in een nieuw tabblad, precies zoals in de winkel, zodat je de miniatuur, CTA en het sluitgedrag kunt controleren voordat je publiceert.
De videowidget opent de speler in een nieuw tabblad. Op desktop werkt dit altijd, dus de widget wordt altijd getoond.Op mobiel werkt het andersom: Aftersell toont de widget alleen in browsers waarvan bekend is dat ze een nieuw tabblad kunnen openen zonder de klant uit de checkout te duwen. Dat omvat native mobiele browsers — Safari, Chrome, Firefox en andere bekende browsers — plus de in-app browsers van Facebook en Instagram.Elke andere mobiele browser verbergt de widget. Dat omvat in-app browsers zoals de Google-app, TikTok en Pinterest, generieke webviews en alles wat Aftersell niet herkent. Omdat niet-herkende browsers worden verborgen in plaats van getoond, is de set omgevingen waar de widget niet verschijnt geen vaste lijst — een browser die Aftersell nog nooit heeft gezien, verbergt de widget ook.Waar de widget verborgen is, kun je een fallback-afbeelding uploaden om in de plaats te tonen — bijvoorbeeld een statische promotieafbeelding of een merkafbeelding. Deze wordt getoond zonder link of afspeelknop. Als er geen fallback-afbeelding is ingesteld, wordt er niets in de plaats van de widget weergegeven.
Stel een fallback-afbeelding in op elke videowidget die je publiceert. Omdat alles wat niet wordt herkend verborgen wordt, kun je aan je verkeersbronnen alleen niet zien of sommige klanten de widget missen — en zonder fallback zien die klanten helemaal niets.
De widget speelt één video af uit een van twee bronnen. Gebruik de schakelaar Upload / Link in de widgetinstellingen om te kiezen welke bron de speler gebruikt:
Upload — sleep of selecteer een MP4-, WebM- of MOV-bestand (tot 50 MB) om het direct in je Shopify Files te hosten. Na het uploaden verwerkt Shopify het bestand en verschijnt een voorvertoning in de editor.
Link — plak een YouTube-URL, een Vimeo-URL of een directe link naar een gehost videobestand (bijvoorbeeld een MP4 op je eigen CDN).
Je kunt beide invullen, maar alleen de bron die met de schakelaar is geselecteerd speelt af — de andere blijft achter zijn tabblad staan en wordt niet als automatische fallback gebruikt. Als er maar één bron is ingesteld, speelt die bron af ongeacht de schakelaar.Je moet ten minste één bron instellen — een geüploade video of een videolink — voordat je de widget kunt opslaan.
YouTube — gebruik de standaard video-URL (bijvoorbeeld https://youtu.be/VIDEO_ID of https://www.youtube.com/watch?v=VIDEO_ID). YouTube Shorts-URL’s (youtube.com/shorts/...) worden niet ondersteund — open de video op YouTube en gebruik in plaats daarvan de deellink.
Vimeo — gebruik de standaard video-URL (bijvoorbeeld https://vimeo.com/VIDEO_ID). Showcase-URL’s en kanaal- of profielpagina’s die niet naar een specifieke video verwijzen, worden niet ondersteund — gebruik de URL van de individuele video uit de adresbalk. Een kanaal- of groeps-URL die de numerieke video-ID bevat werkt wel.
Direct bestand — een openbaar toegankelijke HTTPS-URL die naar een videobestand verwijst (bijvoorbeeld een MP4 op je CDN).
Wanneer je het veld verlaat — als de vorm van de URL herkenbaar fout is (bijvoorbeeld een YouTube Shorts-link of een Vimeo-showcase-URL), legt een inline foutmelding uit wat je in plaats daarvan moet gebruiken.
Wanneer je opslaat — de editor controleert bij de videoprovider of de video kan worden ingesloten. Als de video privé of verwijderd is, of insluiten is uitgeschakeld, wordt het opslaan geblokkeerd en wordt de reden bij het linkveld getoond. Corrigeer de link en sla opnieuw op om verder te gaan.
Als de providercontrole niet beschikbaar is (bijvoorbeeld door een netwerkprobleem), gaat het opslaan door zonder blokkering.
Voor het uploaden van een video is de toestemming write_files vereist. Als deze toestemming niet is verleend, verschijnt een banner in het uploadgebied met een knop Update. Klik erop om de toestemming te verlenen en uploads mogelijk te maken.
Nadat je een bestand hebt gesleept of geselecteerd, toont de uploader Uploading… terwijl het bestand wordt overgedragen en vervolgens Processing… terwijl Shopify het transcodeert. Een voorvertoning verschijnt zodra de verwerking is voltooid. Je kunt andere widgetinstellingen blijven bewerken terwijl de video wordt verwerkt.Je kunt een widget waarvan de enige bron een video is die nog wordt verwerkt niet opslaan — het opslaan wordt geblokkeerd totdat het transcoderen is voltooid, of totdat je in de tussentijd een videolink toevoegt als bron. Als je wijzigingen verwerpt of de editor sluit voordat je opslaat, worden lopende uploads uit Shopify Files verwijderd.Videolinks worden gevalideerd wanneer je de widget opslaat.
Upload de afbeelding die klanten in de aanbieding zien voordat ze de video openen. Er wordt automatisch een watch-video-CTA op de miniatuur geplaatst om de aandacht op het afspelen te vestigen. Je kunt de tekst van het CTA-label stylen zodat deze bij je merk past. Miniaturen worden niet automatisch uit de video gegenereerd — ze moeten worden geüpload.Je kunt ook een aparte miniatuur alleen voor mobiel uploaden. Wanneer ingesteld, wordt de mobiele miniatuur getoond op mobiele apparaten en de standaardminiatuur op desktop, zodat je de afbeelding voor elk schermformaat kunt afstemmen.
Met de instelling Fallback image kun je een afbeelding uploaden die wordt getoond wanneer de videowidget verborgen is omdat de browser van de klant de speler niet kan openen — zie Browsercompatibiliteit. De fallback-afbeelding wordt getoond zonder link of afspeeloverlay; het is uitsluitend een statische afbeelding.Als er geen fallback-afbeelding is geüpload, wordt er niets in de plaats van de widget weergegeven.
De schakelaar Autoplay bepaalt of de video automatisch begint met afspelen wanneer de gehoste speler opent.Wanneer automatisch afspelen is ingeschakeld, start de video gedempt. De meeste moderne browsers blokkeren het automatisch afspelen van video’s met geluid totdat de klant met de pagina interacteert, dus gedempt afspelen is nodig om automatisch afspelen betrouwbaar te laten werken. Klanten kunnen het geluid van de video inschakelen met de spelerbediening zodra deze is gestart.Als je liever vanaf het eerste frame audio wilt afspelen, laat automatisch afspelen dan uit en laat de klant zelf op afspelen klikken.
De teksten op de videospelerpagina — het label van de back-to-offer-knop, de desktop- en mobiele hints, en de titel en het bericht die worden getoond wanneer de video niet beschikbaar is — volgen de Language-instelling van de aanbieding en kunnen worden aangepast onder Settings > Translations.
De Testimonials-widget toont echte productreviews op je post-purchase aanbieding om vertrouwen op te bouwen en de beslissing van de klant om een upsell te accepteren te versterken.Reviews worden opgehaald uit je gekoppelde review-app. De widget verschijnt in de widgetkiezer van de aanbiedingseditor als “Testimonials” met een sterpictogram.Om deze widget te gebruiken, moet je een review-app hebben gekoppeld in Settings > Product Reviews. Ondersteunde apps zijn onder meer Judge.me, Klaviyo, Okendo en Yotpo. Zie Review-app-integraties voor instelinstructies.
Manual — Je selecteert een samengestelde set reviews om te tonen. Reviews worden getoond in de volgorde waarin je ze hebt opgeslagen.
Dynamic — Reviews worden automatisch opgehaald uit de gesynchroniseerde cache van je review-app op basis van de producten in de upsell-aanbieding. Reviews zijn gekoppeld aan de producten van de aanbieding, niet aan de oorspronkelijke bestelling van de klant.
In de dynamische modus importeert Aftersell reviews uit je review-app en slaat deze op zodat ze op de aanbieding kunnen worden getoond. De eerste import gebeurt automatisch binnen 24 uur na het koppelen van je review-app, en daarna één keer per week.Om reviews direct te importeren, ga je naar Settings > Product Reviews en klik je op Sync now voor je review-app.
Wanneer de geverifieerde koper-badge is ingeschakeld, wordt een label “Verified buyer” getoond bij in aanmerking komende reviews. Dit label wordt automatisch vertaald naar de taal die voor de aanbieding is ingesteld en ondersteunt 32 talen.
Widgets kunnen boven of onder de Upsell Product-widget worden toegevoegd, zodat je de informatiestroom vóór of na het product zelf kunt bepalen.Extra widgets die kunnen worden toegevoegd zijn onder meer:
Image - Toon een ondersteunende afbeelding om de aanbieding visueel te versterken.
Text - Voeg ondersteunende tekst toe om belangrijke boodschappen over te brengen.
Text & Image - Combineer tekst en beeld om waarde uit te lichten of de aanbieding uit te leggen.
Extra Buy Button - Voeg een extra call-to-action toe om acceptatie van de aanbieding te stimuleren. Niet beschikbaar bij aanbiedingen die meer dan één product tonen.
Trust Badge - Toon vertrouwenssignalen zoals garanties, veiligheid of geloofwaardigheidsindicatoren.
FAQs - Beantwoord veelgestelde klantvragen om frictie te verminderen en vertrouwen te vergroten.
Video - Sluit een video in om het product te demonstreren of je merkverhaal te vertellen. Zie Video.
Testimonials - Toon echte productreviews uit je gekoppelde review-app. Beschikbaar bij V2-aanbiedingen. Zie Testimonials.
Zo voeg je een widget toe:
Kies of je de widget boven of onder de Upsell Product-widget wilt laten verschijnen
Klik op Add widget in de geselecteerde sectie
Selecteer en configureer de widget die je wilt toevoegen
Wil je meer weten over wat post-purchase aanbiedingen zijn, hoe ze werken en hoe je ze met Aftersell kunt gebruiken, bekijk dan dit artikel voor meer informatie.Het gedrag en de weergave van widgets zijn beperkt tot de configuratieopties die beschikbaar zijn in de editor.
Verdere aanpassingen worden niet ondersteund vanwege beperkingen van Shopify.
Heb je vragen of hulp nodig bij het instellen van je post-purchase aanbiedingen, dan staat ons supportteam voor je klaar. Je kunt altijd contact opnemen via de in-app chat of per e-mail.
Was deze pagina nuttig?
⌘I
Assistant
Responses are generated using AI and may contain mistakes.
