Widerruf-Compliance für Shopify-Plus- und Headless-Shops
Headless-Setups mit Hydrogen, Next.js oder Custom-Frontends bringen eigene Anforderungen an die Umsetzung der EU-Widerruf-Pflicht mit. Wir gehen die wichtigsten Punkte durch.
Headless-Shopify-Shops, etwa auf Basis von Hydrogen, Next.js mit Storefront-API oder einem Remix-Frontend, haben einen anderen Umsetzungspfad als klassische Theme-Shops. Eine Theme-App-Extension lässt sich hier nicht einfach installieren, weil das Frontend nicht im Shopify-Theme läuft. Stattdessen braucht es eine Anbindung über das eigene Frontend.
In diesem Beitrag schauen wir uns die zwei typischen Wege an, ohne in Code-Details zu gehen. Die konkrete technische Umsetzung hängt stark von eurem Setup ab und sollte mit unserem Support direkt abgestimmt werden.
Weg 1: Frontend-Komponente
Für React-basierte Frontends (Hydrogen, Next.js, Remix) ist eine eigene Komponente üblich, die den Widerrufsbutton und das Formular im Frontend rendert und im Hintergrund mit dem Backend von EU Widerrufs-Button Pro kommuniziert. Dabei wird:
- die Bestellinformation über die Shopify-Storefront-API geladen,
- das Formular im eigenen Design-System dargestellt,
- der Widerrufs-Vorgang im selben Verlaufsprotokoll dokumentiert wie bei Theme-Shops.
Wer das im eigenen Frontend selbst implementieren möchte, kann das genauso machen. Die Logik ist identisch.
Weg 2: Direkte Anbindung über die Schnittstelle
Wer kein React einsetzt oder die Komponente nicht in seinem Stack haben möchte, kann unsere Schnittstelle direkt nutzen. Die einzelnen Schritte (Bestellsuche, Widerrufs-Erklärung, Bestätigung) laufen als API-Aufrufe gegen unser Backend. Das funktioniert mit Vue, Svelte, Vanilla JavaScript oder dem Backend deines Frontends gleichermaßen.
Was es beim Headless-Setup zu beachten gibt
Drei Punkte sind in der Praxis besonders wichtig:
- Geschwindigkeit. Der Widerrufsbutton sollte das Frontend nicht ausbremsen, die Logik wird typischerweise asynchron eingebunden, damit das erste Rendern nicht blockiert wird.
- Such-Sichtbarkeit. Eine eigene Widerrufs-Seite (z. B. unter
/widerruf) sollte serverseitig gerendert werden, damit Suchmaschinen sie indexieren. - Dokumentation. Der Verlauf jeder Anfrage muss unabhängig vom Frontend bei uns laufen. So bleibt die Beweisführung auch dann sauber, wenn das Frontend später umgebaut wird.
Wenn du loslegen willst
Headless-Setups sind keine grundsätzliche Hürde für die neue EU-Pflicht, brauchen aber eine andere Einrichtung als klassische Theme-Shops. Wenn du an einer konkreten Umsetzung arbeitest, melde dich bei uns. Wir gehen die Punkte zu deinem Setup persönlich mit dir durch.
Kontakt für Headless-Setups: sales@euwiderruf.com
Dieser Beitrag ist redaktionell recherchiert und ersetzt keine Rechtsberatung im Einzelfall.