Ab dem 19. Juni 2026 müssen Online-Shops in der EU eine elektronische Widerrufsfunktion anbieten. Eine reine Verlinkung auf eine Belehrungs-Seite mit einer E-Mail-Adresse für Rücksendungen reicht nach der Richtlinie (EU) 2023/2673, die die Verbraucherrechte-Richtlinie 2011/83/EU ändert, nicht mehr. An ihre Stelle tritt ein interaktiver Eingangspunkt: in der Praxis ein Button im Footer, der zu einem strukturierten Formular führt und eine automatisierte Bestätigung in Textform auslöst.
Dieser Beitrag erklärt, was der Widerrufs-Button technisch können muss, welche Gestaltungs-Anforderungen sich aus der Richtlinie und ihren Erwägungsgründen ergeben, wo der Button platziert gehört und welche Dokumentations-Pflichten daraus folgen.
Warum ein Button und nicht ein Formular?
Die Richtlinie 2023/2673 führt mit dem neuen Artikel 11a der Verbraucherrechte-Richtlinie 2011/83/EU die Pflicht zu einer elektronischen Widerrufsfunktion ein. Der Wortlaut verlangt eine Funktion, die “leicht lesbar mit den Worten ‘Vertrag widerrufen’ oder einer entsprechenden eindeutigen Formulierung” beschriftet, “während der Widerrufsfrist ständig verfügbar” und “gut sichtbar dargestellt” ist. Das deutsche Umsetzungsgesetz übernimmt diese Vorgaben in den zum 19. Juni 2026 neu gefassten § 356a BGB (BGBl. 2026 I Nr. 28 vom 05.02.2026).
In der Begründung zum Regierungsentwurf hat die Bundesjustizministerin den Zweck der Regelung in einer Pressemitteilung des BMJ vom 9. Juli 2025 so zusammengefasst: “So einfach wie das Bestellen im Internet geht - so einfach soll auch das Widerrufen sein: mit einem Klick.” Praktisch zerfällt die Anforderung in zwei Komponenten: einen sichtbaren Eingangspunkt (Button) und ein Formular dahinter mit den Pflichtfeldern aus dem EU-Muster-Widerrufsformular (Anhang I Teil B der Richtlinie 2011/83/EU).
Kernaussage Seit dem 19.06.2026 ist der Widerrufsbutton keine Empfehlung mehr. Die Pflicht ergibt sich aus dem neuen Artikel 11a der Richtlinie 2011/83/EU (eingeführt durch Richtlinie (EU) 2023/2673) und ist in Deutschland durch den neu gefassten § 356a BGB umgesetzt. Eine bloße E-Mail-Adresse, ein PDF-Download oder eine Telefon-Hotline erfüllen die Norm nicht.
Was der Button technisch können muss
Aus der Richtlinie und ihrer Stellung im Verbraucherschutzrecht lassen sich vier Anforderungen ableiten, die jeder konforme Button erfüllen sollte.
- Zugänglichkeit: Der Eingangspunkt muss von jeder Seite des Shops erreichbar sein, vor allem ohne Login. Eine Platzierung nur im Kundenkonto-Bereich schließt Gast-Bestellungen aus.
- Eindeutige Beschriftung: Die Funktion muss klar als Widerrufsfunktion erkennbar sein. Formulierungen wie “Vertrag widerrufen” oder “Widerruf erklären” sind juristisch trennscharf gegen Begriffe wie “Bestellung stornieren” oder “Rücksendung anmelden”.
- Strukturierte Eingabe: Hinter dem Button steht ein Formular mit den Pflichtfeldern aus Anhang I Teil B der Verbraucherrechte-Richtlinie: Adresse des Unternehmers, Identifikation der Bestellung, Name und Anschrift des Verbrauchers, Datum.
- Automatisierte Bestätigung: Nach Eingang der Erklärung muss der Händler dem Verbraucher den Empfang unverzüglich auf einem dauerhaften Datenträger (§126b BGB) bestätigen. Üblich ist eine transaktionale E-Mail mit eingebettetem Klartext oder PDF-Anhang.
Die Beweislast für die korrekte Erfüllung der Informations- und Widerrufs-Pflichten liegt beim Händler. Daher sollte jede eingehende Erklärung mit Zeitstempel, Bestellbezug und Bearbeitungs-Status dokumentiert werden.
Häufige Fehl-Interpretation: Manche Shops integrieren den Widerrufsbutton ausschließlich in den Kundenkonto-Bereich, weil dort die Bestelldaten ohnehin vorliegen. Diese Lösung verfehlt die Anforderung an leichte Zugänglichkeit: Gast-Bestellungen ohne Account hätten keinen zumutbaren Eingangspunkt.
Konformes Button-Design
Die Richtlinie schreibt keine konkrete grafische Gestaltung vor. Die Anforderungen ergeben sich aus dem Schutzzweck (Sichtbarkeit, eindeutige Beschriftung, technische Bedienbarkeit) und aus den anerkannten Standards für barrierefreie Web-Gestaltung.
Label. Empfohlen sind “Vertrag widerrufen” oder “Widerruf erklären”. Diese Bezeichnungen sind juristisch trennscharf gegen “Vertrag kündigen” (§312k BGB, laufende Dauerschuldverhältnisse) und gegen “Bestellung stornieren” (juristisch unscharf, da Storno und Widerruf unterschiedliche Folgen haben).
Touch-Target. Eine ausreichende Klickfläche folgt aus den allgemeinen Anforderungen an barrierefreie Bedienung. WCAG 2.1 empfiehlt für mobile Interaktionen mindestens 44 × 44 Pixel.
Kontrast. Das Kontrastverhältnis zwischen Schrift und Hintergrund sollte WCAG 2.1 entsprechen: 4,5:1 für normalen Text, 3:1 für größeren Text oder grafische Elemente.
Eine minimale Liquid-Implementierung für Shopify-Themes der Online-Store-2.0-Generation kann so aussehen:
{% comment %} Widerrufs-Button im Footer {% endcomment %}
<a
href="/pages/widerruf"
class="ewp-revoke-link"
data-ewp-action="revoke-contract"
aria-label="Vertrag widerrufen - Widerrufsformular öffnen"
style="display:inline-block;min-height:44px;padding:12px 20px;
font-size:14px;color:#0A0A0A;background:#F6F5F2;
border:1px solid #0A0A0A;border-radius:0;text-decoration:none;"
>
Vertrag widerrufen
</a>Label-Empfehlung “Vertrag widerrufen” ist juristisch trennscharf gegen “Vertrag kündigen” (§312k BGB, Dauerschuldverhältnisse) und gegen “Bestellung stornieren”. Alternativen wie “Widerruf erklären” sind ebenfalls zulässig. Marketing-Varianten wie “Retoure anmelden” oder “Geld zurück” verfehlen den juristischen Begriff des Widerrufs.
Wo der Button platziert werden muss
Aus der Anforderung an leichte Zugänglichkeit folgen drei Platzierungs-Empfehlungen.
Footer jeder Seite. Die primäre Platzierung ist der Footer aller öffentlich zugänglichen Seiten. So ist der Button von jeder Stelle im Storefront mit maximal einem Scroll erreichbar.
Kundenkonto-Bereich. Sofern ein Kundenkonto existiert, sollte der Button zusätzlich dort liegen. Hier lässt sich das Formular bereits mit Bestellkontext vorausfüllen. Diese Platzierung ersetzt den Footer-Eintrag nicht, sondern ergänzt ihn.
Bestätigungs-E-Mail. Eine konsequente Umsetzung verlinkt den Widerrufs-Endpunkt zusätzlich in der Bestell-Bestätigungs-E-Mail. Der Link kann bei sicherer Token-Implementierung die Bestellnummer übergeben.
Mindest-Platzierungs-Matrix:
1. Footer jeder öffentlich zugänglichen Seite - Pflicht
2. Kundenkonto-Bereich, sofern vorhanden - empfohlen
3. Bestätigungs-E-Mail nach Bestellung - empfohlen
Das Widerrufs-Formular dahinter
Der Button ist nur die sichtbare Spitze. Dahinter liegt das eigentliche Formular, dessen Mindest-Inhalte aus Anhang I Teil B der Richtlinie 2011/83/EU folgen. Die Pflichtfelder sind:
- Name und Anschrift des Unternehmers (vom Händler vorausgefüllt)
- Identifikation der konkreten Bestellung (Bestellnummer, Bestelldatum bzw. Empfangsdatum)
- Identifikation des Verbrauchers (Name, Anschrift)
- Datum der Widerrufserklärung
- Bei Mitteilung auf Papier: Unterschrift
Eine Begründung des Widerrufs darf nicht als Pflichtfeld verlangt werden. Das Widerrufsrecht ist nach §355 BGB begründungsfrei.
Die Datenschutz-Hinweise nach Artikel 13 DSGVO müssen im Formular oder über einen klar verlinkten Datenschutz-Hinweis erreichbar sein. Verarbeitungs-Grundlage für die Widerrufserklärung selbst ist in der Regel Artikel 6 Abs. 1 lit. b DSGVO (Vertragsdurchführung); für die spätere Aufbewahrung kommt Artikel 6 Abs. 1 lit. c in Verbindung mit §257 HGB hinzu.
Nach Absenden des Formulars muss die Bestätigung in Textform an den Verbraucher rausgehen. Sie sollte mindestens enthalten: Datum und Uhrzeit des Widerrufs, Bezug zur Bestellung, widerrufene Artikel mit Beträgen, Informationen zur Rückzahlung und Rücksendeadresse.
Audit-Trail und Beweispflicht
Nach der allgemeinen Beweislastverteilung im Verbraucherschutzrecht muss der Händler im Streitfall den Eingang des Widerrufs, die Versendung der Bestätigung und den Erstattungs-Vorgang dokumentieren. Eine strukturierte Speicherung der eingehenden Erklärungen ist dafür praktisch unverzichtbar.
Ein konformer Datensatz pro Widerruf enthält typischerweise:
| Feld | Beispiel | Zweck |
|---|---|---|
| Widerrufs-ID | WR-J4L8K53N | eindeutige Referenz |
| Zeitstempel (UTC, ISO-8601) | 2026-05-11T14:32:18Z | Fristberechnung |
| Bestellnummer | #1014 | Bestellbezug |
| Kunden-E-Mail | mustermann@example.com | Zuordnung |
| Artikel-Liste mit Beträgen | [{sku, qty, price}] | Erstattungsgrundlage |
| Bestätigungs-Status | ”sent” / “bounced” | Beweis der Bestätigung |
| Erstattungs-Status | ”pending” / “refunded” | Bearbeitungsstand |
| Erstattungs-Datum | 2026-05-15 | Fristnachweis |
Die handelsrechtliche Aufbewahrungspflicht nach §257 HGB beträgt zehn Jahre für Buchungsbelege und sechs Jahre für sonstige Geschäftskorrespondenz. Widerrufs-Vorgänge wirken über die Erstattung umsatzsteuerlich (Berichtigung nach §17 UStG) und gelten daher in der Regel als buchungsrelevant. Das Löschungsrecht aus Artikel 17 DSGVO tritt nach Artikel 17 Abs. 3 lit. b DSGVO hinter die gesetzliche Aufbewahrungspflicht zurück.
E-Mail-Postfach allein reicht in der Regel nicht. Eingehende Widerrufe in einem normalen Postfach (Outlook, Gmail, Helpdesk-Inbox) sind nicht strukturiert durchsuchbar. Eine zusätzliche strukturierte Speicherung in einer Datenbank-Tabelle oder einem dedizierten Compliance-System erleichtert die Beweisführung erheblich.
Drei Umsetzungs-Wege im Vergleich
In der Praxis kommen drei Wege in Frage.
Weg 1: Native App oder Plugin
Eine über den jeweiligen App-Store installierte Lösung deckt Button, Formular, Bestätigung und Dokumentation in einer Installation ab. Vorteile: schnelles Setup, laufende Pflege durch den Anbieter und in der Regel eine standardisierte juristische Prüfung. Nachteile: Abhängigkeit vom Drittanbieter und je nach Tarif laufende Kosten.
Weg 2: Custom-Development
Eigenentwicklung lohnt sich bei Shops mit eigenem Entwickler-Team, hohen Anpassungs-Anforderungen oder Sonderprozessen. Der Initialaufwand für Frontend, Backend, E-Mail-Workflow und strukturierte Speicherung ist erheblich, dazu kommt laufende Wartung. Die rechtliche Verantwortung bleibt vollständig beim Händler.
Weg 3: E-Mail-Workaround
Manche Händler hoffen, die Anforderung durch einen prominenten Verweis auf eine Widerrufs-E-Mail-Adresse erfüllen zu können. Diese Lösung erfüllt die Anforderung an eine elektronische Funktion mit strukturierter Eingabe und automatisierter Bestätigung nicht.
Häufige Compliance-Lücken
In typischen Test-Implementierungen tauchen wiederkehrende Anti-Patterns auf.
Anti-Pattern 1: Button nur im Kundenkonto. Gast-Bestellungen haben keine zumutbare Möglichkeit, den Widerruf zu erklären. Die Funktion muss auch ohne Login zugänglich sein.
Anti-Pattern 2: Label “Bestellung stornieren”. Juristisch unscharf, weil Storno und Widerruf unterschiedliche Rechtsfolgen haben. Empfehlung: “Vertrag widerrufen”.
Anti-Pattern 3: Button öffnet generisches Kontaktformular. Das Formular muss die Pflichtfelder aus Anhang I Teil B der Richtlinie 2011/83/EU enthalten. Ein Kontaktformular ohne Bestellbezug erfüllt das nicht.
Anti-Pattern 4: Erstattung per Gutschein statt in der ursprünglichen Zahlungsmethode. Die Erstattung erfolgt grundsätzlich in derselben Zahlungsart wie die ursprüngliche Zahlung. Eine abweichende Methode (Gutschein) erfordert die ausdrückliche Zustimmung des Verbrauchers und darf für ihn keine Kosten verursachen.
Häufige Fragen
Reicht ein Link auf eine eigene Widerrufs-Page aus? Ja, sofern der Link von jeder Storefront-Seite aus erreichbar ist, klar als “Vertrag widerrufen” beschriftet ist und auf der verlinkten Page das interaktive Formular liegt. Ein Link auf eine reine Textseite ohne Formular ist nicht ausreichend.
Muss der Button auch für Bestellungen vor dem 19.06.2026 verfügbar sein? Die neue Pflicht greift für Verträge, die ab dem Stichtag geschlossen werden. In der Praxis ist es sinnvoll, den Button auch für ältere Bestellungen anzubieten. Verbraucher unterscheiden in der Wahrnehmung selten nach Bestell-Zeitpunkten.
Kann der Button auch in einer mobilen App platziert werden? Ja, sofern der Vertragsabschluss in der App stattfindet. Eine native App muss den Mechanismus ebenfalls anbieten.
Was gilt bei mehreren Markt-Sprachen? Belehrung und Formular müssen in der Sprache des Verbrauchers verfügbar sein. Für Multi-Country-Shops braucht es je nach Markt mehrere Sprachversionen.
Wie verhält sich der Widerrufsbutton zur Kündigungsbutton-Pflicht (§312k BGB)? Beide Pflichten bestehen parallel. Der Kündigungsbutton bezieht sich auf laufende Dauerschuldverhältnisse (Abonnement-Modelle), der Widerrufsbutton auf den einmaligen Widerruf eines Fernabsatz-Vertrages.
Gilt der Widerrufsbutton auch im B2B-Vertrieb? Nein. Die Pflicht greift nur für B2C-Verträge im Fernabsatz. B2B-Käufer haben kein gesetzliches Widerrufsrecht.
Muss ich in der Widerrufsbelehrung eine Telefonnummer angeben? Nicht zwingend. Der Bundesgerichtshof hat mit Beschluss vom 25. Februar 2025 (Az. VIII ZR 143/24) entschieden, dass eine Belehrung auch ohne Telefonnummer ordnungsgemäß sein kann, sofern E-Mail-Adresse und Postanschrift verfügbar sind. Die kommunikativen Möglichkeiten gelten dann als ausreichend.
Implementations-Checkliste
- Widerrufsbutton im Footer jeder Storefront-Seite, Label “Vertrag widerrufen”
- Button-Link führt zu einer Seite mit interaktivem Formular, nicht zu einem generischen Kontaktformular
- Formular enthält die Pflichtfelder aus Anhang I Teil B der Richtlinie 2011/83/EU
- Bestell-Lookup über E-Mail-Adresse und Bestellnummer, kein Login-Zwang
- Automatisierte Bestätigungs-E-Mail an den Verbraucher unverzüglich nach Eingang
- Interne Notifikation an den Händler mit den relevanten Daten
- Strukturierte Speicherung der eingehenden Erklärungen, EU-Hosting
- Aufbewahrung gemäß §257 HGB
- Datenschutz-Hinweise im Formular nach Artikel 13 DSGVO
- Auftragsverarbeitungsvertrag mit allen Datenverarbeitern nach Artikel 28 DSGVO
- Mehrsprachige Variante für jeden bedienten EU-Markt
EU Widerrufs-Button Pro bringt Button, Formular, automatisierte Bestätigung und strukturierte Speicherung als Theme-App-Extension für Shopify mit. Eine ergänzende Darstellung der EU-Rechtsgrundlagen steht im Beitrag zur EU-Richtlinie 2023/2673, die Shop-spezifische Umsetzung im Beitrag zum Widerrufsrecht für Shopify.
Quellen:
- Richtlinie (EU) 2023/2673, Artikel 11a der Verbraucherrechte-Richtlinie 2011/83/EU n.F., EUR-Lex
- § 356a BGB n.F., BGBl. 2026 I Nr. 28 vom 05.02.2026
- BMJ-Pressemitteilung Nr. 34/2025 vom 09.07.2025 zum Widerrufsbutton, bmj.de
- BGH, Beschluss vom 25.02.2025, Az. VIII ZR 143/24 (Telefonnummer in Widerrufsbelehrung), bundesgerichtshof.de
- §§ 312k, 355, 356a BGB, gesetze-im-internet.de
- Anhang I Teil B Richtlinie 2011/83/EU sowie Anlage 2 zu Art. 246a EGBGB, gesetze-im-internet.de
Disclaimer: Keine Rechtsberatung. Dieser Beitrag fasst den allgemeinen Rechtsrahmen zusammen. Im konkreten Einzelfall ist eine anwaltliche Prüfung erforderlich.