Herroepingsknop in Shopify inbouwen — stap voor stap (2026)

Shopify is met meer dan 4,6 miljoen actieve webshops wereldwijd een van de populairste e-commercesystemen – en vanaf 19 juni 2026 zijn ook Shopify-handelaren verplicht een rechtsgeldige herroepingsknop volgens artikel 6:230oa BW beschikbaar te stellen. Deze handleiding laat u in vijf minuten zien hoe u de herroepingsknop in uw Shopify-store inbouwt – zonder programmeerkennis en zonder dure bureaus.

Waarom Shopify-handelaren er bijzonder onder vallen

Shopify is een SaaS-platform met een gesloten themasysteem. Anders dan bij WooCommerce of Shopware kunt u niet zomaar een plug-in uit een directory installeren en op een kant-en-klare oplossing hopen. In plaats daarvan moet u ofwel wachten op een app uit de Shopify App Store, uw thema aanpassen of een externe widget via een script-tag inbouwen. Elk van deze varianten heeft eigen valkuilen die u zou moeten kennen voordat u ontwikkeltijd of geld investeert.

Daar komt bij: veel Shopify-stores gebruiken een centraal thema zonder klassieke footernavigatie. De herroepingsknop moet echter volgens artikel 6:230oa BW „zonder scrollen” en „gedurende de hele herroepingstermijn” toegankelijk zijn. Dat vereist een nette plaatsing die zowel op product-, categorie- als afrekenpagina’s werkt. Vooral de afrekenpagina is in Shopify een bijzonder geval, omdat die bij niet-Plus-webshops niet vrij bewerkbaar is en klassieke thema-apps daar niet werken.

Nog een punt: de officiële Shopify-documentatie over het herroepingsrecht is tot op heden gericht op de VS en Canada. Voor de Europese markt is er geen native oplossing in de adminomgeving – u als handelaar moet de compliance zelf organiseren. Wie op een officiële Shopify-functie wacht, loopt het risico de peildatum 19 juni 2026 te missen.

Drie wegen naar de Shopify-implementatie

In principe heeft u drie opties om een herroepingsknop in Shopify te integreren. Elke heeft eigen voor- en nadelen.

Weg 1: Native Theme App Extension (aanbevolen)

Sinds Shopify 2.0 kunnen apps zogeheten Theme App Extensions aanbieden die zich naadloos in de thema-editor voegen. Het voordeel: u kunt de herroepingsknop met slepen-en-neerzetten in de Shopify-editor plaatsen, zonder ook maar één regel Liquid-code aan te raken. Updates verlopen automatisch via de app-aanbieder, en nieuwe versies belanden binnen enkele minuten in uw store.

Deze variant is vooral geschikt voor handelaren die geen risico bij thema-updates willen lopen. Als u uw thema bijwerkt of naar een nieuwe versie overstapt, blijft de herroepingsfunctie behouden. Nadeel: u bent gebonden aan de app-aanbieder en kunt het gedrag alleen binnen de aangeboden configuratieopties aanpassen. Voor de meeste handelaren is dat precies de juiste mate van flexibiliteit – geen knutselwerk, maar toch volledige controle over kleur, positie en teksten.

Weg 2: App Store-oplossingen vergeleken

Een blik in de Shopify App Store laat zien: de markt voor herroepingsoplossingen onder artikel 6:230oa BW is nog jong. De meeste beschikbare „herroepings”-apps stammen uit de tijd vóór de wetswijziging en dekken alleen de klassieke herroeping per pdf-formulier af. Let bij de keuze op de volgende kenmerken:

• Proces in twee stappen: stap 1 « Overeenkomst herroepen », stap 2 « Herroeping bevestigen » – beide benamingen moeten exact de wettelijke formulering volgen
• Automatische ontvangstbevestiging per e-mail: verplicht op grond van artikel 6:230oa BW
• Geen klantaccount vereist: de herroeping mag niet achter een login verborgen zijn
• AVG-conforme gegevensverwerking: er moet een verwerkersovereenkomst met de aanbieder zijn
• Serverlocatie EU: bijzonder belangrijk na het Schrems-II-arrest

Weg 3: Script-tag voor gevorderden

Wie maximale flexibiliteit wil, bouwt de herroepingsknop via een script-tag rechtstreeks in het thema in. Dat is de variant die WiderrufButton primair ondersteunt: één enkele script-tag wordt in de Shopify-thema-editor (Online Store → Themes → Edit code → theme.liquid) vóór de sluitende </body>-tag ingevoegd. De knop verschijnt automatisch in de footer – ongeacht het gebruikte thema.

Het grote voordeel van deze weg: u bent niet afhankelijk van de Shopify App Store en kunt de herroepingsknop net zo goed in een headless-commerce-setup met Hydrogen als in een klassiek Shopify-2.0-thema gebruiken. Het script laadt asynchroon, blokkeert de weergave van uw pagina niet en is met minder dan 15 KB gzipped kleiner dan de meeste marketingscripts die in een typische Shopify-store toch al draaien. Ook bij een latere themawissel hoeft u het script slechts één keer opnieuw in te voegen.

Stap voor stap met WiderrufButton

De volgende handleiding laat zien hoe u WiderrufButton in minder dan vijf minuten in uw Shopify-store instelt.

Stap 1: WiderrufButton-account aanmaken en webshop opzetten

Registreer u op widerrufbutton.net met uw e-mailadres. Na de magic-link-login klikt u in het dashboard op „Webshop aanmaken” en voert u de naam en het domein van uw Shopify-store in (bijv. mijn-shop.myshopify.com of uw eigen domein). U ontvangt meteen een unieke widget-key.

Stap 2: Widget-key in de Shopify-thema-editor invoegen

Open in uw Shopify-admin het onderdeel Online Store → Themes. Klik bij het actieve thema op de drie puntjes en kies Edit code. In de bestandslijst links opent u layout/theme.liquid. Kopieer de aangeboden script-tag uit het WiderrufButton-dashboard en voeg die direct vóór </body> in. Opslaan.

Stap 3: Footerpositie activeren en styling aanpassen

Terug in het WiderrufButton-dashboard kiest u onder „Widgetconfiguratie” de positie „Footer” (aanbevolen voor Shopify) of als alternatief „Fixed bottom right”. Via de kleurkiezer past u de knop aan uw merkkleuren aan – het live-voorbeeld laat meteen zien hoe de knop op uw pagina eruit zal zien.

Stap 4: Testbestelling en ontvangstbevestiging controleren

Open uw webshop in een incognitovenster en scroll naar de footer. Klik op « Overeenkomst herroepen », vul het formulier in met testgegevens en verstuur het. Binnen enkele seconden zou u twee e-mails moeten ontvangen: een ontvangstbevestiging naar het in het formulier opgegeven klantadres en een melding naar uw webshop-e-mailadres.

Controleer bovendien of de ontvangstbevestiging alle verplichte gegevens bevat: de volledige inhoud van de herroepingsverklaring, datum en tijdstip van ontvangst, de bestelreferentie (indien opgegeven) en een aanwijzing hoe de klant u kan bereiken voor vragen. Alleen zo voldoet u aan de wettelijk vereiste bevestiging „op een duurzame gegevensdrager”. Bewaar de screenshot van de testbevestiging voor uw compliancedocumentatie.

Veelgemaakte fouten bij de Shopify-integratie

• Verkeerde plaatsing in de header zonder footer-fallback: niet elk Shopify-thema toont de header op alle pagina’s volledig – de footer is de veilige keuze
• Script-tag alleen op de homepage: wie het script in een sectie in plaats van in theme.liquid invoegt, dekt niet alle pagina’s af
• Eigen domein vergeten in te voeren: de CORS-bescherming blokkeert anders aanvragen vanaf uw hoofddomein
• Ontbrekende vertaling bij meertalige stores: voor de Nederlandse markt moet de knop in het Nederlands zijn aangeduid
• Alleen testen in het thema-editor-voorbeeld: de previewmodus onderdrukt sommige scripts – test altijd in de echte webshop

Compliancechecklist na de installatie

• Knop in de footer bereikbaar, zonder scrollen zichtbaar op mobiele apparaten
• Opschrift stap 1 luidt « Overeenkomst herroepen »
• Opschrift stap 2 luidt « Herroeping bevestigen »
• Geen login vereist om de herroeping te verzenden
• Automatische e-mail-ontvangstbevestiging binnen enkele seconden
• Testbestelling uitgevoerd op desktop, tablet en smartphone
• AVG-conforme verwerkersovereenkomst met de aanbieder afgesloten

Meer juridische achtergronden vindt u in ons artikel Artikel 6:230oa BW eenvoudig uitgelegd.

Conclusie

De inbouw van een rechtsgeldige herroepingsknop in Shopify hoeft noch duur noch ingewikkeld te zijn. Met een nette script-tag en de juiste configuratie voldoet u in minder dan vijf minuten aan de eisen van artikel 6:230oa BW. Belangrijk is op tijd vóór de peildatum 19 juni 2026 te handelen – handhavende partijen zullen de markt direct vanaf de eerste dag in de gaten houden. Wie de knop pas in juni inbouwt, riskeert al in de eerste dagen na inwerkingtreding een aanmaning.

Voor de meeste Shopify-handelaren is de script-tag-weg de meest pragmatische oplossing: snel ingebouwd, themaonafhankelijk, automatisch actueel en met een heldere juridische verantwoordelijkheid van de aanbieder. Als u daarnaast de opzegknop voor abonnementen moet uitbaten (bijv. bij abonnementsmodellen), adviseren wij beide knoppen duidelijk te scheiden en niet in één allesomvattende oplossing te combineren – de juridische eisen lopen te ver uiteen. Een uitvoerige vergelijking vindt u in ons artikel over de herroepingsknop en de opzegknop.