Widerrufsbutton in Shopify einbauen — Schritt für Schritt (2026)

Shopify ist mit über 4,6 Millionen aktiven Shops weltweit eines der beliebtesten E-Commerce-Systeme – und ab dem 19. Juni 2026 sind auch Shopify-Händler verpflichtet, einen rechtskonformen Widerrufsbutton nach § 356a BGB bereitzustellen. Diese Anleitung zeigt Ihnen in fünf Minuten, wie Sie den Widerrufsbutton in Ihrem Shopify-Store einbauen – ohne Programmierkenntnisse und ohne teure Agentur.

Warum Shopify-Händler besonders betroffen sind

Shopify ist eine SaaS-Plattform mit einem geschlossenen Theme-System. Anders als bei WooCommerce oder Shopware können Sie nicht einfach ein Plugin aus einem Verzeichnis installieren und auf eine fertige Lösung hoffen. Stattdessen müssen Sie entweder auf eine App aus dem Shopify App Store warten, Ihr Theme anpassen oder ein externes Widget per Script-Tag einbinden. Jede dieser Varianten hat eigene Fallstricke, die Sie kennen sollten, bevor Sie Entwicklungszeit oder Geld investieren.

Hinzu kommt: Viele Shopify-Stores nutzen ein zentrales Theme ohne klassische Footer-Navigation. Der Widerrufsbutton muss aber nach § 356a BGB „ohne Scrollen" und „während der gesamten Widerrufsfrist" zugänglich sein. Das erfordert eine saubere Platzierung, die sowohl auf Produkt-, Kategorie- als auch Checkout-Seiten funktioniert. Besonders die Checkout-Seite ist in Shopify ein Sonderfall, weil sie bei Nicht-Plus-Shops nicht frei bearbeitbar ist und klassische Theme-Apps dort nicht greifen.

Ein weiterer Punkt: Die offizielle Shopify-Dokumentation zum Thema Widerrufsrecht ist bis heute auf die USA und Kanada ausgerichtet. Für den deutschen Markt gibt es keine native Lösung im Admin-Bereich – Sie als Händler müssen die Compliance selbst organisieren. Wer auf eine offizielle Shopify-Funktion wartet, läuft Gefahr, den Stichtag 19. Juni 2026 zu verpassen.

Drei Wege zur Shopify-Umsetzung

Grundsätzlich haben Sie drei Optionen, um einen Widerrufsbutton in Shopify zu integrieren. Jede hat ihre eigenen Vor- und Nachteile.

Weg 1: Native Theme App Extension (empfohlen)

Seit Shopify 2.0 können Apps sogenannte Theme App Extensions bereitstellen, die sich nahtlos in den Theme-Editor einfügen. Der Vorteil: Sie können den Widerrufsbutton per Drag-and-Drop im Shopify-Editor platzieren, ohne eine einzige Zeile Liquid-Code anzufassen. Updates erfolgen automatisch über den App-Anbieter, und neue Versionen landen innerhalb weniger Minuten in Ihrem Store.

Diese Variante ist besonders für Händler geeignet, die kein Risiko bei Theme-Updates eingehen wollen. Wenn Sie Ihr Theme aktualisieren oder zu einer neuen Version wechseln, bleibt die Widerruf-Funktion erhalten. Nachteil: Sie sind an den App-Anbieter gebunden und können das Verhalten nur im Rahmen der angebotenen Konfigurationsoptionen anpassen. Für die meisten Händler ist das aber genau das richtige Maß an Flexibilität – keine Bastelarbeit, aber trotzdem volle Kontrolle über Farbe, Position und Texte.

Weg 2: App Store Lösungen im Vergleich

Ein Blick in den Shopify App Store zeigt: Der Markt für § 356a-Lösungen ist noch jung. Die meisten verfügbaren „Widerruf"-Apps stammen aus der Zeit vor der Gesetzesänderung und decken nur den klassischen Widerruf per PDF-Formular ab. Achten Sie bei der Auswahl auf folgende Merkmale:

• Zweistufiger Prozess: Stufe 1 „Vertrag widerrufen", Stufe 2 „Widerruf bestätigen" – beide Bezeichnungen müssen exakt dem Gesetzeswortlaut entsprechen
• Automatische Eingangsbestätigung per E-Mail: Pflicht nach § 356a Abs. 3 BGB
• Kein Kundenkonto erforderlich: Der Widerruf darf nicht hinter einem Login versteckt sein
• DSGVO-konforme Datenverarbeitung: Auftragsverarbeitungsvertrag (AVV) mit dem Anbieter muss vorhanden sein
• Serverstandort EU: Besonders wichtig nach dem Schrems-II-Urteil

Weg 3: Script-Tag für Fortgeschrittene

Wer maximale Flexibilität möchte, bindet den Widerrufsbutton per Script-Tag direkt in das Theme ein. Das ist die Variante, die WiderrufButton primär unterstützt: ein einziges Script-Tag wird im Shopify-Theme-Editor (Online Store → Themes → Edit code → theme.liquid) vor dem schließenden </body>-Tag eingefügt. Der Button erscheint automatisch im Footer – unabhängig vom verwendeten Theme.

Der große Vorteil dieses Wegs: Sie sind nicht auf den Shopify App Store angewiesen und können den Widerrufsbutton genauso in einem Headless-Commerce-Setup mit Hydrogen oder in einem klassischen Shopify-2.0-Theme nutzen. Das Script lädt asynchron, blockiert das Rendering Ihrer Seite nicht und ist mit unter 15 KB gzipped kleiner als die meisten Marketing-Skripte, die ohnehin in einem typischen Shopify-Store laufen. Auch bei einem späteren Theme-Wechsel müssen Sie das Script nur einmal neu einfügen.

Schritt für Schritt mit WiderrufButton

Die folgende Anleitung zeigt, wie Sie WiderrufButton in unter fünf Minuten in Ihrem Shopify-Store einrichten.

Schritt 1: WiderrufButton-Konto erstellen und Shop anlegen

Registrieren Sie sich auf widerrufbutton.net mit Ihrer E-Mail-Adresse. Nach dem Magic-Link-Login klicken Sie im Dashboard auf „Shop anlegen" und geben Name und Domain Ihres Shopify-Stores ein (z. B. mein-shop.myshopify.com oder Ihre Custom-Domain). Sie erhalten sofort einen eindeutigen Widget-Key.

Schritt 2: Widget-Key in den Shopify-Theme-Editor einfügen

Öffnen Sie in Ihrem Shopify-Admin den Bereich Online Store → Themes. Klicken Sie beim aktiven Theme auf die drei Punkte und wählen Sie Edit code. In der linken Dateiliste öffnen Sie layout/theme.liquid. Kopieren Sie das bereitgestellte Script-Tag aus dem WiderrufButton-Dashboard und fügen Sie es direkt vor </body> ein. Speichern.

Schritt 3: Footer-Position aktivieren und Styling anpassen

Zurück im WiderrufButton-Dashboard wählen Sie unter „Widget-Konfiguration" die Position „Footer" (empfohlen für Shopify) oder alternativ „Fixed bottom right". Über den Farbwähler passen Sie den Button an Ihre Markenfarben an – die Live-Vorschau zeigt sofort, wie der Button auf Ihrer Seite aussehen wird.

Schritt 4: Testbestellung und Eingangsbestätigung prüfen

Öffnen Sie Ihren Shop in einem Inkognito-Fenster und scrollen Sie zum Footer. Klicken Sie auf „Vertrag widerrufen", füllen Sie das Formular mit Testdaten aus und senden Sie es ab. Innerhalb weniger Sekunden sollten Sie zwei E-Mails erhalten: eine Eingangsbestätigung an die im Formular angegebene Kundenadresse und eine Benachrichtigung an Ihre Shop-E-Mail-Adresse.

Prüfen Sie außerdem, ob die Eingangsbestätigung alle Pflichtangaben enthält: den vollständigen Inhalt der Widerrufserklärung, Datum und Uhrzeit des Eingangs, die Bestellreferenz (falls angegeben) und einen Hinweis, wie der Kunde Sie für Rückfragen erreicht. Nur so erfüllen Sie die gesetzlich geforderte Bestätigung „auf einem dauerhaften Datenträger". Bewahren Sie den Screenshot der Test-Bestätigung für Ihre Compliance-Dokumentation auf.

Häufige Fehler bei der Shopify-Integration

• Falsche Platzierung im Header ohne Footer-Fallback: Nicht jedes Shopify-Theme zeigt den Header auf allen Seiten vollständig an – der Footer ist die sichere Wahl
• Script-Tag nur auf der Startseite: Wer das Script in einer Sektion statt in theme.liquid einfügt, deckt nicht alle Seiten ab
• Custom-Domain vergessen einzutragen: Der CORS-Schutz blockiert sonst Anfragen von Ihrer Haupt-Domain
• Fehlende Übersetzung bei mehrsprachigen Stores: Für den deutschen Markt muss der Button deutsch beschriftet sein
• Test nur im Theme-Editor-Preview: Der Preview-Modus unterdrückt manche Skripte – testen Sie immer im echten Shop

Compliance-Checkliste nach der Installation

• Button im Footer erreichbar, ohne Scrollen auf Mobilgeräten sichtbar
• Beschriftung Stufe 1 lautet „Vertrag widerrufen"
• Beschriftung Stufe 2 lautet „Widerruf bestätigen"
• Kein Login erforderlich, um den Widerruf abzusenden
• Automatische E-Mail-Eingangsbestätigung innerhalb weniger Sekunden
• Testbestellung auf Desktop, Tablet und Smartphone durchgeführt
• DSGVO-konformer AVV mit dem Anbieter abgeschlossen

Weitere rechtliche Hintergründe finden Sie in unserem Artikel § 356a BGB einfach erklärt.

Fazit

Der Einbau eines rechtskonformen Widerrufsbuttons in Shopify muss weder teuer noch kompliziert sein. Mit einem sauberen Script-Tag und der richtigen Konfiguration erfüllen Sie die Anforderungen von § 356a BGB in unter fünf Minuten. Wichtig ist, rechtzeitig vor dem Stichtag 19. Juni 2026 zu handeln – Abmahnvereine werden den Markt direkt ab dem ersten Tag beobachten. Wer den Button erst im Juni einbaut, riskiert bereits in den ersten Tagen nach Inkrafttreten eine Abmahnung.

Für die meisten Shopify-Händler ist der Script-Tag-Weg die pragmatischste Lösung: schnell eingebaut, Theme-unabhängig, automatisch aktuell, und mit einer klaren rechtlichen Verantwortlichkeit des Anbieters. Wenn Sie zusätzlich den Kündigungsbutton nach § 312k BGB betreiben müssen (z. B. bei Abo-Modellen), empfehlen wir, beide Buttons klar zu trennen und nicht in einer Allzweck-Lösung zu kombinieren – die rechtlichen Anforderungen sind zu unterschiedlich. Ein ausführlicher Vergleich findet sich in unserem Artikel zum Thema Widerrufsbutton und Kündigungsbutton.