Widerrufsbutton ab 19. Juni 2026: Was Online-Shops jetzt tun müssen

Der Widerrufsbutton wird für viele Online-Shops und digitale B2C-Angebote ab dem 19. Juni 2026 zur Pflicht. Gemeint ist keine zusätzliche Marketingfunktion, sondern eine gesetzlich vorgesehene elektronische Widerrufsfunktion: Verbraucher sollen einen online geschlossenen Vertrag auf der Website oder in der App ähnlich niedrigschwellig widerrufen können, wie sie ihn abgeschlossen haben.

Für Shopbetreiber ist das Thema deshalb mehr als ein Link im Footer. Es betrifft Design, Checkout-Logik, Kundenkonto, Gastbestellungen, E-Mail-Bestätigungen, Rechtstexte, Support-Prozesse und technische Dokumentation. Dieser Beitrag ordnet die neue Pflicht praxisnah ein. Er ersetzt keine Rechtsberatung, hilft aber dabei, die technische und organisatorische Umsetzung vorzubereiten.

Gesetzliche Grundlage und Zeitplan

Die europäische Grundlage ist die Richtlinie (EU) 2023/2673. Sie ändert die Verbraucherrechte-Richtlinie 2011/83/EU und führt unter anderem einen neuen Artikel 11a zur Ausübung des Widerrufsrechts über eine Online-Benutzeroberfläche ein. In Deutschland wurde die Vorgabe mit dem Gesetz zur Änderung des Verbrauchervertrags- und des Versicherungsvertragsrechts sowie zur Änderung des Behandlungsvertragsrechts umgesetzt; die Veröffentlichung findet sich im Bundesgesetzblatt 2026 I Nr. 28.

Für die praktische Umsetzung ist vor allem der neue § 356a BGB relevant. Er trägt die Überschrift „Elektronische Widerrufsfunktion bei Fernabsatzverträgen“ und tritt am 19. Juni 2026 in Kraft. Die Bundesregierung beschreibt den Zweck so: Online geschlossene Verträge sollen künftig mit einem klar erkennbaren und jederzeit zugänglichen Weg widerrufen werden können.

Wichtig für die Projektplanung:

Punkt	Bedeutung für Unternehmen
EU-Grundlage	Richtlinie (EU) 2023/2673 ergänzt die Verbraucherrechte-Richtlinie.
Deutsche Umsetzung	Der neue § 356a BGB regelt die elektronische Widerrufsfunktion.
Stichtag	Ab dem 19. Juni 2026 muss die Funktion verfügbar sein.
Frühere Umsetzung	Eine frühere Aktivierung ist möglich, sollte dann aber vollständig zur gesetzlichen Logik passen.

Wer die Funktion vor dem Stichtag live stellt, sollte nicht nur einen sichtbaren Link einbauen. Sobald der digitale Widerrufsweg angeboten wird, müssen Beschriftung, Formular, Bestätigung, Datenminimierung und E-Mail-Prozess zusammenpassen. Ein halb fertiger Einstieg kann mehr Fragen erzeugen als lösen.

Wer vom Widerrufsbutton betroffen ist

Betroffen sind Unternehmer, die mit Verbrauchern Fernabsatzverträge über eine Online-Benutzeroberfläche schließen und bei denen ein gesetzliches Widerrufsrecht besteht. Die Verbraucherzentrale nennt als Beispiele Webshops, Online-Formulare, Buchungsseiten und Apps.

In der Praxis betrifft das nicht nur klassische Produktshops. Relevant sein können auch:

• WooCommerce-, Shopify- und andere Online-Shops im B2C-Bereich
• Buchungsplattformen für Dienstleistungen, Kurse, Termine oder digitale Angebote
• Abo- und Mitgliedschaftsplattformen, soweit ein Widerrufsrecht besteht
• Anbieter digitaler Inhalte oder digitaler Dienstleistungen
• Versicherungs-, Finanzdienstleistungs- und Vertragsportale mit Online-Abschluss
• Marktplatzhändler, wenn sie über Plattformen wie Amazon oder eBay an Verbraucher verkaufen

Die Pflicht hängt nicht davon ab, ob ein Unternehmen groß oder klein ist. Auch kleine Händler, Einzelunternehmer und Nischenanbieter sollten prüfen, ob ihre Verträge über Website, App oder Plattform zustande kommen und ob ein Widerrufsrecht besteht.

Nicht betroffen sind reine B2B-Angebote, bei denen ausschließlich Unternehmer untereinander Verträge schließen. Ebenfalls nicht betroffen sind Verträge, für die kein gesetzliches Widerrufsrecht besteht. Die typischen Ausnahmen ergeben sich aus § 312g BGB, etwa bei bestimmten individuell angefertigten Waren, schnell verderblichen Waren, entsiegelten Hygieneprodukten, entsiegelter Software oder Freizeitdienstleistungen mit festem Termin. Die genaue Einordnung sollte juristisch geprüft werden, besonders bei Mischsortimenten oder Dienstleistungen mit mehreren Leistungsbestandteilen.

Widerrufsbutton und Kündigungsbutton sind nicht dasselbe

Deutschland kennt bereits den Kündigungsbutton nach § 312k BGB. Er betrifft Dauerschuldverhältnisse, die online abgeschlossen werden können, zum Beispiel bestimmte Abos oder laufende Mitgliedschaften. Der Widerrufsbutton nach § 356a BGB verfolgt einen anderen Zweck: Er erleichtert die Ausübung eines bestehenden Widerrufsrechts innerhalb der Widerrufsfrist.

Der Unterschied ist für Design und Nutzerführung entscheidend:

Funktion	Betrifft	Typischer Effekt
Widerrufsbutton	Verträge mit Widerrufsrecht, meist kurz nach Abschluss oder Lieferung	Vertrag wird rückabgewickelt, Leistungen sind zurückzugewähren.
Kündigungsbutton	Laufende Vertragsverhältnisse	Vertrag endet für die Zukunft nach den jeweiligen Kündigungsregeln.
Retourenformular	Rücksendung von Ware als operativer Prozess	Kann mit Widerruf zusammenhängen, ersetzt ihn aber nicht automatisch.
Kontaktformular	Allgemeine Serviceanfrage	Reicht nicht als eindeutige elektronische Widerrufsfunktion.

Ein Shop sollte deshalb nicht alles unter „Storno“, „Retoure“ oder „Service“ bündeln. Für Nutzer muss erkennbar sein, ob sie einen Vertrag widerrufen, eine laufende Leistung kündigen, Ware zurücksenden oder den Support kontaktieren.

Anforderungen an die Widerrufsfunktion

Der Begriff Widerrufsbutton ist eingängig, aber technisch etwas verkürzt. Das Gesetz verlangt eine elektronische Widerrufsfunktion. Diese kann als grafischer Button, deutlich hervorgehobener Link oder vergleichbares Bedienelement umgesetzt werden. Entscheidend ist nicht die Form als Rechteck, sondern die Erkennbarkeit, Zugänglichkeit und eindeutige Beschriftung.

Ständig verfügbar und leicht auffindbar

Die Funktion muss während der gesamten Widerrufsfrist verfügbar sein, hervorgehoben platziert werden und für Verbraucher leicht zugänglich sein. Für Shopbetreiber bedeutet das: Eine versteckte Funktion tief im Kundenkonto reicht in vielen Fällen nicht aus. Besonders Gastbestellungen müssen ohne nachträglichen Login widerrufen werden können.

Typische sinnvolle Positionen sind:

• Footer-Link auf jeder Seite
• zusätzlicher Link im Kundenkonto oder in der Bestellübersicht
• Hinweis in der Bestellbestätigung
• Link in der Widerrufsbelehrung
• App-Menü oder Servicebereich, wenn der Vertrag auch über eine App geschlossen werden kann

Ein Link im Footer ist selten der überzeugendste Einstieg, aber er sorgt für dauerhafte Erreichbarkeit. Shops mit Kundenkonto, Buchungsstrecken oder App sollten zusätzlich genau dort einen Einstieg anbieten, wo Nutzer ihre Bestellung oder ihren Vertrag erwarten — nicht erst nach drei Klicks im Support-Menü.

Klare Beschriftung statt Service-Sprache

Die Beschriftung soll gut lesbar sein und „Vertrag widerrufen“ lauten — oder eine ebenso eindeutige Variante. Für die zweite Stufe ist „Widerruf bestätigen“ vorgesehen, in vergleichbar klarer Sprache.

Gute Formulierungen sind zum Beispiel:

• „Vertrag widerrufen“
• „Widerruf erklären“
• „Widerruf bestätigen“ für die abschließende Bestätigungsfunktion

Problematisch sind dagegen Begriffe, die mehrere Bedeutungen haben:

• „Stornieren“
• „Retoure starten“
• „Kontakt aufnehmen“
• „Serviceanfrage“
• „Rückgabe“

„Retoure starten“ wirkt für viele Kunden zwar ähnlich, beschreibt rechtlich aber nicht zwingend einen Widerruf. Beides darf technisch ineinandergreifen — entscheidend ist, dass die Widerrufserklärung sprachlich klar als solche erkennbar bleibt.

Gestaltung ohne Hürden

Die Widerrufsfunktion darf nicht im Design untergehen. Farbe, Kontrast, Abstand und Linktext müssen dafür sorgen, dass Nutzer sie finden und verstehen. Gleichzeitig sollte der Button nicht irreführend prominent sein, wenn an dieser Stelle gar kein Widerrufsrecht besteht. Besser ist eine klare, kontextabhängige Führung.

Nicht empfehlenswert sind Gestaltungsmuster, die Nutzer vom Widerruf abhalten:

Do	Don’t
Eindeutiger Link „Vertrag widerrufen“ im Footer und in der Bestellansicht	Link nur im Kundenkonto verstecken, obwohl Gastbestellungen möglich sind
Zweistufiger Ablauf mit klarer Bestätigung	Sofortiger Widerruf nach einem versehentlichen Klick
Freiwilliges Feld für Hinweise, klar als optional markiert	Widerrufsgrund als Pflichtfeld erzwingen
Bestätigung per E-Mail mit Datum, Uhrzeit und Inhalt	E-Mail so formulieren, als sei der Widerruf bereits rechtlich geprüft
Mobile und Tastaturbedienung testen	Pop-ups, Overlays oder verwirrende Umwege einsetzen

Eine tiefere Einordnung solcher Muster steht im Artikel zu manipulativen Webdesigns. Für die Widerrufsfunktion gilt eine simple Faustregel: Der Weg zurück darf nicht schwerer wirken als der Weg zum Vertragsabschluss.

Ablauf: So sollte der digitale Widerruf technisch funktionieren

Die neue Funktion ist als mehrstufiger Prozess gedacht. Der erste Klick löst den Widerruf nicht direkt aus, sondern öffnet ein Formular oder eine vergleichbare Eingabeseite. Erst eine zweite Bestätigungsfunktion übermittelt die Widerrufserklärung.

Ein sinnvoller Ablauf sieht so aus:

1. Nutzer klickt auf „Vertrag widerrufen“.
2. Das System öffnet ein Widerrufsformular.
3. Das Formular fragt nur erforderliche Daten ab.
4. Nutzer prüft die Angaben.
5. Nutzer klickt auf „Widerruf bestätigen“.
6. Das System speichert den Eingang mit Datum und Uhrzeit.
7. Nutzer erhält unverzüglich eine Eingangsbestätigung auf einem dauerhaften Datenträger, in der Praxis meist per E-Mail.
8. Der Shop übergibt den Vorgang an Support, Warenwirtschaft, Buchhaltung oder Retourenprozess.

Welche Daten abgefragt werden dürfen

§ 356a BGB nennt drei Datenbereiche, die der Verbraucher bereitstellen oder bestätigen können muss:

• Name des Verbrauchers
• Angaben zur Identifizierung des Vertrags oder des Vertragsteils, zum Beispiel Bestellnummer oder Auftragsnummer
• Angaben zum elektronischen Kommunikationsmittel für die Eingangsbestätigung, meist E-Mail-Adresse

Ein Widerrufsgrund darf nicht als Pflichtfeld verlangt werden. Ein freiwilliges Feedback-Feld kann aus Service-Sicht hilfreich sein, muss aber klar als optional gekennzeichnet bleiben. Zusätzliche Felder wie Telefonnummer, Kundennummer, IBAN oder Rücksendegrund gehören kritisch geprüft. Datenminimierung zahlt sich hier doppelt aus — sie genügt dem Datenschutz und hält das Formular schlank.

Eingangsbestätigung per E-Mail

Nach dem Klick auf „Widerruf bestätigen“ muss unverzüglich eine Eingangsbestätigung auf einem dauerhaften Datenträger versendet werden. In der Praxis ist eine E-Mail der naheliegende Weg. Sie sollte mindestens enthalten:

• Inhalt der Widerrufserklärung
• Datum und Uhrzeit des Eingangs
• Angaben zum betroffenen Vertrag oder Vertragsteil
• Absender beziehungsweise Unternehmen
• Hinweis, dass es sich um eine Eingangsbestätigung handelt

Die E-Mail sollte nicht den Eindruck erwecken, dass bereits jede Folgefrage geprüft wurde. Bei manchen Produkten muss der Shop anschließend klären, ob ein Ausschlussgrund greift, ob Ware zurückgesendet werden muss, ob Teilwiderruf möglich ist oder welche Erstattung zu leisten ist. Die Bestätigung dokumentiert zunächst den Eingang der Erklärung.

Technische Umsetzung in WooCommerce, Shopify und individuellen Systemen

Für die technische Umsetzung gibt es nicht den einen richtigen Weg. Entscheidend ist, wie der Vertrag im jeweiligen System zustande kommt und welche Daten verfügbar sind.

Bei WooCommerce kann eine Umsetzung zum Beispiel aus mehreren Bausteinen bestehen:

• dauerhaft sichtbarer Link oder Button im Theme
• Formularseite für Gast- und Kundenbestellungen
• Validierung der Bestellnummer und E-Mail-Adresse
• Auswahl einzelner Positionen bei Teilwiderruf, falls sinnvoll
• automatisierte E-Mail an den Verbraucher
• Benachrichtigung an Shopbetreiber oder Support
• eigener Status, Notiz oder Widerrufsdatensatz
• Übergabe an Retouren-, Erstattungs- oder Buchhaltungsprozess

In bestehenden Shops lohnt sich vor der Umsetzung eine technische Bestandsaufnahme: Welche Plugins greifen in Checkout, E-Mails, Kundenkonto oder Bestellstatus ein? Welche Daten werden für Gastbestellungen gespeichert? Welche Prozesse laufen bereits über ERP, Warenwirtschaft oder Support-Tool? Diese Antworten entscheiden, ob ein bestehendes WooCommerce-Setup für die Widerrufsfunktion ausreicht oder ob individuelle Erweiterungen über eine eigene WordPress-Entwicklung sinnvoller sind.

Shopify, Shopware, Magento oder andere Systeme brauchen jeweils andere Integrationswege. Bei SaaS-Plattformen ist zu prüfen, welche Funktionen der Anbieter bereitstellt und wo eigene Apps, Theme-Anpassungen oder externe Formulare notwendig sind. Bei individuellen Portalen sollte der Widerrufsprozess als eigener Fachprozess geplant werden, nicht als allgemeines Kontaktformular.

Technische Mindestanforderungen aus Website-Sicht:

1. Die Funktion ist auf Desktop, Tablet und Smartphone erreichbar.
2. Sie ist per Tastatur bedienbar.
3. Formularlabels, Fehlermeldungen und Fokuszustände sind verständlich.
4. Gastbestellungen funktionieren ohne Kundenkonto.
5. E-Mail-Bestätigung und Systemprotokoll enthalten Datum und Uhrzeit.
6. Der Prozess ist gegen Spam und Missbrauch geschützt, ohne legitime Widerrufe zu blockieren.
7. Staging- und Live-System verhalten sich gleich.
8. Der Vorgang ist für Support und Buchhaltung auffindbar.

Gerade die Barrierefreiheit gehört nicht in die Restbox. Ein rechtlicher Pflichtprozess, den Nutzer mit Tastatur, Screenreader oder auf kleinem Display kaum bedienen können, ist operativ schwach — und kollidiert mit den Anforderungen an barrierefreie Websites. Wer Buttons, Formulare und Fehlermeldungen für die Widerrufsfunktion ohnehin anfasst, sollte beide Themen in einem Arbeitsgang erledigen. Bei größeren Umbauten ist ein dedizierter Barrierefreiheits-Audit der ehrlichere Einstieg.

Rechtstexte, Datenschutz und betriebliche Prozesse anpassen

Der Widerrufsbutton ist sichtbar, aber nicht der einzige Arbeitsbereich. Wenn der digitale Widerrufsweg eingeführt wird, müssen weitere Stellen geprüft werden:

• Widerrufsbelehrung
• AGB
• Datenschutzerklärung
• Bestellbestätigungen
• Retouren- und Erstattungsprozess
• Support-Makros und E-Mail-Vorlagen
• Dokumentation für Team, Steuerberatung oder Warenwirtschaft
• Protokollierung des Eingangs

Das Widerrufsformular verarbeitet personenbezogene Daten. Damit landet das Projekt unweigerlich beim Datenschutz: Die Datenschutzerklärung muss zum echten Datenfluss passen, Speicherfristen müssen geklärt sein und der Vorgang sollte zur bestehenden Consent-Logik im Shop passen. In WordPress- und WooCommerce-Shops greifen diese Themen besonders eng ineinander, weil Widerrufsformular, Bestellprozess und Tracking oft denselben Datenpfad teilen.

Ein durchdachter Projektablauf besteht daher nicht nur aus Entwicklung. Er zieht Rechtstext-Update, technische Umsetzung, Testfälle, Team-Briefing und Dokumentation in einen Strang — sonst entstehen genau die Lücken, die später im Audit oder Support sichtbar werden.

Ausnahmen, Grenzfälle und häufige Fragen

Gilt die Pflicht auch bei Marktplätzen?

Ja, Händler sollten das Thema auch dann prüfen, wenn der Verkauf über Marktplätze läuft. Die Verbraucherzentrale weist ausdrücklich darauf hin, dass auch Angebote über Plattformen wie Amazon oder eBay betroffen sein können. In der Praxis hängt die technische Umsetzung stark davon ab, was der Marktplatz bereitstellt. Händler sollten trotzdem klären, ob die Plattformfunktion ausreicht und wie Widerrufe im eigenen Prozess ankommen.

Was gilt bei Mischsortimenten?

Viele Shops verkaufen widerrufsfähige und nicht widerrufsfähige Produkte nebeneinander. Ein Beispiel wäre ein Sortiment aus Standardware, individuell gefertigten Produkten und versiegelten Artikeln. Wenn nur ein Teil des Sortiments widerrufsfähig ist, spricht viel dafür, die Widerrufsfunktion trotzdem bereitzustellen und im Prozess zu unterscheiden, welche Positionen widerrufen werden können. Die konkrete rechtliche Bewertung sollte geprüft werden.

Muss der Widerrufsbutton im Kundenkonto liegen?

Er darf dort zusätzlich liegen, sollte aber nicht nur dort versteckt werden, wenn Verträge auch ohne Login geschlossen werden. Für Gastbestellungen muss der Widerruf praktisch möglich bleiben. Ein öffentlicher Einstieg mit Bestellnummer und E-Mail-Adresse ist in vielen Shops sinnvoller als eine reine Kundenkonto-Lösung.

Reicht ein allgemeines Kontaktformular?

In der Regel nein. Ein allgemeines Formular mit Betreffauswahl ist nicht eindeutig genug, wenn Nutzer nicht klar erkennen, dass sie damit den Vertrag widerrufen. Besser ist ein eigener Einstieg mit klarer Beschriftung, eigenen Pflichtfeldern und separater Bestätigung.

Was ist mit Apps?

Wenn der Vertrag über eine App abgeschlossen werden kann, sollte die Widerrufsfunktion auch in dieser Umgebung erreichbar sein. Website und App dürfen nicht auseinanderlaufen. Mobile Tests sind deshalb Pflicht, besonders bei nativen Apps, eingebetteten Webviews oder Progressive Web Apps.

Welche Ausnahmen gibt es?

Die bekannte Ausnahmeliste des Widerrufsrechts bleibt relevant. Dazu gehören unter anderem individuell angefertigte Waren, schnell verderbliche Waren, entsiegelte Hygieneprodukte, versiegelte Software nach Entsiegelung und bestimmte Freizeitdienstleistungen mit festem Termin. Die Details stehen in § 312g BGB. Für Shopbetreiber ist wichtig: Ausnahmen sollten nicht nur in Rechtstexten stehen, sondern technisch im Prozess abbildbar sein.

Praxisplan für die Umsetzung vor dem 19. Juni 2026

Unternehmen sollten nicht bis kurz vor dem Stichtag warten. Besonders gewachsene Shops brauchen Zeit, weil Widerrufe mit E-Mails, Zahlungsarten, Bestellstatus, Warenwirtschaft und Support zusammenhängen.

Ein realistischer Plan:

1. Verträge und Produkte prüfen: Welche Angebote sind B2C, welche haben ein Widerrufsrecht, welche Ausnahmen gibt es?
2. Nutzerpfade erfassen: Website, Shop, App, Kundenkonto, Gastbestellung, Marktplatz, Buchungsstrecke.
3. Rechtliche Bewertung einholen: Widerrufsbelehrung, AGB und Ausnahmen prüfen lassen.
4. Technisches Konzept erstellen: Einstieg, Formular, Pflichtfelder, Bestätigung, E-Mail, Protokollierung.
5. Design und Barrierefreiheit prüfen: Sichtbarkeit, Kontrast, Fokus, mobile Bedienung, verständliche Fehlermeldungen.
6. Shop-System integrieren: WooCommerce-Plugin, Custom Code, SaaS-Funktion oder eigene Schnittstelle.
7. E-Mail- und Support-Prozess definieren: Eingang bestätigen, Vorgang zuordnen, Erstattung und Rücksendung bearbeiten.
8. Testfälle durchführen: Gastbestellung, Kundenkonto, Teilwiderruf, Ausnahmeprodukt, mobile Nutzung, App, fehlerhafte Bestellnummer.
9. Dokumentation pflegen: Zuständigkeiten, Testprotokoll, technische Änderungen und Rechtstext-Versionen festhalten.

Der SEO-Aspekt ist dabei zweitrangig, aber nicht unwichtig. Viele Nutzer werden nach Begriffen wie Widerrufsbutton, Widerrufsfunktion, § 356a BGB, Online-Shop, Fernabsatzverträge oder Verbraucherrecht suchen. Shops müssen daraus keine langen SEO-Seiten bauen. Eine verständliche Widerrufsseite kann aber Vertrauen schaffen, Support-Anfragen reduzieren und Suchende direkt zur richtigen Funktion führen.

Fazit: Der Widerrufsbutton ist ein Prozess, kein einzelner Link

Der neue Widerrufsbutton stärkt Verbraucherrechte und zwingt Online-Anbieter, den Widerruf digital klarer abzubilden. Für Online-Shops bedeutet das nicht nur eine neue Schaltfläche. Es geht um eine nachvollziehbare Kombination aus sichtbarem Einstieg, eindeutigem Formular, Bestätigungsfunktion, E-Mail, Datenminimierung, Rechtstexten und operativer Bearbeitung.

Wer früh startet, kann Abmahnrisiken reduzieren, Support-Prozesse ordnen und den neuen Pflichtpunkt als Vertrauenssignal nutzen. Gut umgesetzt zeigt die Widerrufsfunktion: Dieser Shop macht Rechte nicht schwerer als den Kauf.