Afhaalpunt kiezen in de Shopify-winkelwagen, elk abonnement

In een groot deel van Europa is een afhaalpunt of pakketautomaat de gewone manier om een online bestelling te ontvangen. Ook in Nederland en België laten steeds meer klanten hun pakket bij een servicepunt in de buurt bezorgen in plaats van thuis te wachten. Ze verwachten een kaart waarop ze het dichtstbijzijnde punt vinden en het kiezen voordat ze betalen. In Shopify was dat altijd lastig. Shopify laat apps alleen op Shopify Plus blokken toevoegen aan de afrekenpagina, dus winkels op Basic, Shopify of Advanced konden pas na de bestelling naar het afhaalpunt vragen, op de Thank you-pagina of in een herinneringsmail.

Sinds 8 november 2026 is er een andere weg. De cart widget van ShipDock is na een gesloten bèta beschikbaar voor alle winkels. Hij zet de keuze voor bezorging op de plek waar elke klant langskomt voor het afrekenen: de winkelwagenpagina en de zijwinkelwagen (cart drawer). De klant kiest thuisbezorging of een afhaalpunt op een kaart, en de checkout toont daarna alleen het tarief dat bij die keuze hoort.

Deze gids legt uit wat de cart widget doet, wat je klanten zien, hoe hij zich verhoudt tot de andere manieren om afhaalpunten in Shopify aan te bieden, waar de grenzen liggen en hoe je hem in ongeveer een kwartier instelt.

Wat de cart widget doet

De widget voegt twee kaarten toe aan de winkelwagen: Thuisbezorging en Afhaalpunt. De kaart voor het afhaalpunt opent een venster met een zoekveld, een kaart, een lijst gesorteerd op afstand en een filter per vervoerder. Zodra de klant een punt kiest, wordt het in de winkelwagen opgeslagen en op de kaart getoond met de knop Wijzigen.

De checkout volgt daarna die keuze:

• Afhaalpunt gekozen: de checkout toont alleen het tarief van die vervoerder (en de variant met rembours, als je die hebt), hernoemd naar het punt, bijvoorbeeld GLS - ParcelShop Utrecht Oudegracht (NL12345). Tarieven voor thuisbezorging zijn verborgen.
• Thuisbezorging gekozen: de tarieven voor afhaalpunten zijn verborgen, dus niemand kan een afhaalpunttarief betalen zonder punt.

De bestelling bevat daarna het afhaalpunt zoals elke andere ShipDock-bestelling. Verzendlabels, herinneringen voor het afhaalpunt, het wijzigen van het punt na de bestelling en Shopify Flow werken zoals voorheen.

De widget werkt op elk Shopify-abonnement, ook Basic. Hij vereist een betaald ShipDock-abonnement, Lite of hoger.

Wat je klanten zien

In de winkelwagen staan de twee kaarten naast de afrekenknop. Zet je Show prices in the cart aan, dan toont elke kaart de laagste prijs voor het land van de klant, bijvoorbeeld 'vanaf € 4,95', of 'Gratis' boven je drempel voor gratis verzending.

Het venster begint met een zoekopdracht op plaats, postcode of adres, met suggesties. Bezorgen je vervoerders in meerdere landen, dan verschijnt een landkeuze. Elk punt in de lijst toont naam, adres, vervoerder, prijs en openingstijden, en met Mijn locatie springt de klant naar zijn positie. Op een computer staat de lijst naast de kaart. Op een telefoon vult de kaart het venster en is de lijst een paneel dat de klant omhoog of omlaag sleept. Een klik op een speld of een rij toont de details en de knop Dit punt kiezen. Een Duits DHL Packstation vraagt daarnaast om het DHL-klantnummer.

Jij bepaalt het uiterlijk. Onder Edit appearance stel je de indeling apart in voor een smalle widget (smaller dan 600 px: telefoons en de zijwinkelwagen) en een brede widget (600 px of meer: de winkelwagenpagina op een computer). Voor elk kies je of de kaarten onder elkaar of naast elkaar staan, of ze iconen tonen en of ze selectierondjes hebben. Zonder rondjes wordt de gekozen kaart alleen door de rand gemarkeerd. Standaard stapelt de smalle widget de kaarten en toont de brede ze naast elkaar, beide met iconen en rondjes. Daarbij komen zeven kleuren, eigen CSS en een live voorbeeld in computer- en telefoonbreedte. Elke tekst pas je per taal aan onder Settings → Translations → Cart widget. De widget heeft 23 talen ingebouwd.

Cart widget of een andere optie?

ShipDock bood al drie manieren om de klant een afhaalpunt te laten kiezen. De cart widget is de vierde. Zo verschillen ze:

Ons advies:

• Shopify Plus: gebruik de afhaalpuntwidget direct in de checkout. Dat is de enige optie waarbij een afhaalpuntbestelling niet zonder punt betaald kan worden.
• Elk ander abonnement: de cart widget geeft je klanten de kaart al voor het betalen. Dichter bij een kaart in de checkout kom je zonder Plus niet.
• Altijd: houd de keuze van het afhaalpunt op de Thank you- en Order status-pagina. De cart widget vervangt die niet. De keuze toont de klant het punt dat in de winkelwagen is gekozen en is het vangnet voor elke bestelling die de winkelwagen oversloeg: daar kan de klant nog een punt kiezen.

Beperkingen die je moet kennen voor je hem aanzet

De cart widget woont in de winkelwagen. Daardoor werkt hij op elk abonnement, en daar komen ook zijn beperkingen vandaan. Lees ze voordat je live gaat.

• Elke bestelling moet door de winkelwagen. Buy it now op productpagina's, expresbetaalknoppen op productpagina's en in Featured product-secties (Shop Pay, Apple Pay, Google Pay, PayPal), 'Nu kopen'-knoppen van andere apps zoals vaste in-winkelwagen-balken of upsell-pop-ups, en directe links naar de checkout in e-mails of advertenties openen de checkout zonder winkelwagen. De klant ziet de widget nooit en de bestelling komt binnen zonder afhaalpunt. Zet deze knoppen uit voordat je live gaat.
• De keuze kan niet verplicht worden. De widget kan een checkout die ergens anders begon niet tegenhouden. Een verplicht afhaalpunt bestaat alleen met de checkoutwidget op Shopify Plus.
• De checkout volgt de winkelwagen. Om van afhaalpunt naar thuisbezorging te wisselen, gaat de klant terug naar de winkelwagen. Een punt in een ander land dan het bezorgadres in de checkout wordt niet gebruikt, en de afhaalpunttarieven van die vervoerder worden verborgen.
• Alleen Shopify-thema's. Headless winkels worden niet ondersteund.
• Prijzen in de winkelwagen kunnen afwijken van de checkout. De winkelwagen toont de laagste prijs per vervoerder, de checkout rekent altijd het tarief dat echt geldt. Typische verschillen: producten uit meerdere verzendprofielen (Shopify telt hun tarieven in de checkout op), een kortingscode die in de checkout wordt ingevoerd, een andere valuta dan die van de winkel en tarieven die de winkelwagen niet ziet, zoals lokale bezorging van Shopify of B2B-prijslijsten.
• De winkelwagen kent jouw tariefvoorwaarden, niet de eigen grenzen van de vervoerder. Nemen automaten alleen pakketten tot een bepaald gewicht aan, stel dat maximumgewicht dan in op het afhaalpunttarief in Shopify. Afmetingen worden nooit gecontroleerd, omdat Shopify ze niet doorgeeft, dus zet grote producten in Pickup point exclusions.
• Verzendprofielen bepalen niet waar afhaalpunten verschijnen. De winkelwagen weet niet bij welk profiel een product hoort. Sluit producten die je nooit naar een afhaalpunt stuurt uit met de tag shipdock-no-pickup, per product of variant, of per collectie (tot 2 collecties).
• Het bezorgadres blijft dat van de klant. De bestelling bevat het afhaalpunt, maar het bezorgadres wordt niet vervangen door het adres van het punt. Controleer dit als een magazijn of fulfilment-app je bestellingen verstuurt.
• De kaart toont de 100 dichtstbijzijnde punten. Meer ziet de klant door de kaart te verschuiven of te zoeken.

Voor bestellingen die toch buiten de winkelwagen om gaan, bepaalt de instelling When the cart carries no choice wat de checkout toont. Hide pickup points is de strenge optie: zulke bestellingen kunnen alleen thuisbezorging gebruiken, dus geen enkele afhaalpuntbestelling komt zonder punt binnen. Show all shipping rates is de soepele: de klant kan een afhaalpunttarief betalen en het punt achteraf kiezen op de Thank you- of Order status-pagina of via de herinneringsmail.

De cart widget stap voor stap instellen

Koppel voordat je begint in ShipDock minstens één vervoerder met afhaalpunten en koppel zijn verzendtarieven op naam, of stel hem in met de verzendtarieven van ShipDock. De widget haalt vervoerders, landen en prijzen uit die tarieven. Dezelfde stappen staan in de banner How it works bovenaan de instellingen van de cart widget, met links en de knop Chat with us.

1. Open de instellingen. Ga in ShipDock naar Settings → Widget → Cart widget settings.
2. Begin in testmodus. Kies onder Widget status voor Test mode en klik op Save. Voorlopig zie alleen jij de widget.
3. Zet de app-insluiting aan. Open in Shopify Online Store → Themes → Customize → App embeds, zet Cart widget aan en sla het thema op. Klik daarna in ShipDock op Check op de tegel Theme.
4. Plaats de widget op de winkelwagenpagina en in de zijwinkelwagen. Veel thema's openen na toevoegen aan de winkelwagen een zijwinkelwagen, en klanten rekenen daar direct af zonder de winkelwagenpagina ooit te zien. Klik op de winkelwagenpagina in de sectie met de afrekenknop op Add block, kies Cart widget en sleep hem naast de knop. Voeg voor de zijwinkelwagen onder Placement in the cart een plaatsing toe met de CSS-selector van het element waar de widget naast moet staan, en zet Show on op All pages. De Placement helper in de instellingen van de app-insluiting vindt de selector als je in het voorbeeld van de editor op het element klikt. Weet je niet waar de widget in je thema hoort? Stuur ons een bericht in de chat, dan helpen we je hem te plaatsen.
5. Zet knoppen uit die de winkelwagen overslaan. Open in de thema-editor een productpagina, klik op het blok Buy buttons en vink Show dynamic checkout buttons uit. Herhaal dit voor elke productsjabloon en elke Featured product-sectie, en zet apps met snelkoopknoppen om naar toevoegen aan de winkelwagen.
6. Controleer de prijzen. Het onderdeel Countries and couriers toont elk land met de prijs voor thuisbezorging en afhaalpunt. Vink Show prices in the cart aan als klanten ze moeten zien, en klik op Refresh nadat je je tarieven hebt gewijzigd.
7. Test hem. Klik op Open as tester, leg een product in de winkelwagen en kies een afhaalpunt, één keer in de zijwinkelwagen en één keer op de winkelwagenpagina. De checkout hoort één verzendtarief te tonen dat naar het punt is genoemd.
8. Ga live. Controleer of de keuze van het afhaalpunt op de Thank you- en Order status-pagina staat, zet dan Widget status op Live en klik op Save.

De volledige handleiding met screenshots staat in ons helpcentrum (in het Engels): How to let customers choose a pickup point in the cart.

Aanbevolen instellingen

• Preselected option in the cart: None laat elke klant zelf kiezen. Home delivery past bij winkels waar de meeste bestellingen thuis worden bezorgd; de checkout verbergt dan de afhaalpunttarieven tot de klant een punt kiest.
• Rembours: geef het rembourstarief van elke vervoerder een naam met een woord voor rembours, bijvoorbeeld 'Rembours', zodat voor het gekozen punt beide tarieven in de checkout blijven.
• Country without pickup points: de widget verbergen (standaard), beide kaarten tonen met het afhaalpunt grijs, of alleen thuisbezorging tonen.
• Pickup point exclusions: grote of zware producten en alles wat je in een apart verzendprofiel zonder afhaalpunttarieven hebt.
• Shipping name in checkout: de naam van het tarief per taal. Standaard is {provider} - {name} ({id}).

Ondersteunde vervoerders met afhaalpunten

De cart widget werkt met elke vervoerder met afhaalpunten die je in ShipDock koppelt. ShipDock ondersteunt meer dan 40 vervoerders, met afhaalpunten in 30 landen. Voor verzending vanuit Nederland en België:

• GLS: GLS ParcelShops en pakketautomaten, in Nederland, België en Luxemburg

Verkoop je ook in andere landen: in Duitsland Hermes, DPD en GLS, in Frankrijk, Oostenrijk en Spanje GLS, in Polen InPost en ORLEN Paczka, in Tsjechië en Slowakije Packeta, PPL en DPD. Sommige vervoerders zijn in de app als bèta gemarkeerd. De volledige, actuele lijst staat op onze pagina met vervoerders.

Veelgestelde vragen

Welk Shopify-abonnement heb ik nodig voor de cart widget?

Elk Shopify-abonnement, ook Basic. Bij ShipDock heb je een betaald abonnement nodig, Lite of hoger (Lite kost 9,99 USD per maand). Zeg je het abonnement op, dan gaat de widget uit en blijven je instellingen bewaard.

Ik heb Shopify Plus. Moet ik de cart widget gebruiken?

We raden in plaats daarvan de afhaalpuntwidget in de checkout aan. Daar kan de klant niet betalen zonder een punt te kiezen, wat de cart widget niet kan garanderen.

Kan ik klanten verplichten een afhaalpunt te kiezen voor het betalen?

Niet met de cart widget. Maak de checkout alleen bereikbaar via de winkelwagen (geen Buy it now en geen expresknoppen op productpagina's) en zet When the cart carries no choice op Hide pickup points. Een bestelling die de winkelwagen overslaat, is dan in elk geval een thuisbezorging.

Wat gebeurt er met bestellingen die de winkelwagen overslaan?

Die komen binnen zonder afhaalpunt. Met de soepele instelling kiest de klant het punt op de Thank you-pagina, op de Order status-pagina of via de herinneringsmail. Daarom raden we aan de keuze op die pagina's te houden.

Werkt het met rembours?

Ja. Heeft elke vervoerder een tweede tarief met een woord voor rembours in de naam, dan houdt de checkout voor het gekozen punt zowel het gewone tarief als het rembourstarief.

Werkt de widget in headless winkels?

Nee. De widget draait in Shopify-thema's (Online Store). Headless winkels worden niet ondersteund.

Wordt de locatie van de klant opgeslagen?

Nee. De locatie wordt alleen gebruikt om afhaalpunten in de buurt te laden.

Conclusie

Tot nu toe konden alleen winkels op Shopify Plus een kaart met afhaalpunten tonen voor het betalen. Met de cart widget kan elke Shopify-winkel dat, op de winkelwagenpagina en in de zijwinkelwagen, en de checkout biedt daarna alleen het ene tarief dat de klant koos. Zet de knoppen uit die de winkelwagen overslaan, houd de keuze op de Thank you- en Order status-pagina als vangnet, en je klanten kiezen hun afhaalpunt zoals ze gewend zijn.

Gebruik je ShipDock al? Open Settings → Widget → Cart widget settings en begin in testmodus. Nieuw bij ShipDock? Installeer ShipDock vanuit de Shopify App Store en probeer het 5 dagen gratis.