Widerrufsbutton ab Juni 2026: Pflicht nach § 356a BGB

In vier Wochen, am 19. Juni 2026, wird ein Button zur Pflicht, den die meisten deutschen Online-Shops noch nicht haben. Wer ihn fehlt, riskiert nicht nur eine Abmahnung, sondern eine Widerrufsfrist von bis zu zwölf Monaten – ein Kunde könnte deine Ware dann fast ein Jahr nach dem Kauf zurückschicken. Der Widerrufsbutton nach dem neuen § 356a BGB ist kein Detail für die Rechtsabteilung, sondern ein UI-Element, das ab Stichtag sichtbar, funktionsfähig und sauber in deine Online-Benutzeroberfläche integriert sein muss. Und genau hier wird es zum Webdesign-Thema.

Wir bei Storyable sehen in unseren Hannoveraner Audits gerade das gleiche Muster wie damals beim Kündigungsbutton 2022: Die Frist ist bekannt, aber kaum jemand setzt rechtzeitig um. Wer wartet, baut den Widerrufsbutton in Panik – mit Plugins von der Stange, die langsam, hässlich und im Zweifel nicht rechtssicher sind. Dieser Guide zeigt dir, was § 356a BGB konkret verlangt, wen die Pflicht trifft und wie du die elektronische Widerrufsfunktion so umsetzt, dass sie weder dein Design noch deine Performance ruiniert.

Was der Widerrufsbutton ist – und ab wann § 356a BGB gilt

Der Widerrufsbutton ist die digitale Schwester des Kündigungsbuttons. Bisher konntest du als Verbraucher einen online geschlossenen Vertrag zwar widerrufen, musstest dafür aber eine E-Mail schreiben, ein Formular ausdrucken oder anrufen. Der Gesetzgeber findet: Wenn der Vertragsschluss mit zwei Klicks geht, muss der Widerruf genauso einfach sein. Deshalb schreibt § 356a BGB ab dem 19. Juni 2026 eine elektronische Widerrufsfunktion direkt auf der Online-Benutzeroberfläche vor.

Die rechtliche Kette dahinter ist kurz: Hintergrund ist die EU-Richtlinie 2023/2673, die die europäische Verbraucherrechterichtlinie erweitert. Deutschland hat sie über ein Änderungsgesetz umgesetzt, das am 5. Februar 2026 im Bundesgesetzblatt verkündet wurde (BGBl. 2026 I Nr. 28). Das ist kein Entwurf und kein Vorschlag mehr – das Datum steht, und es ist näher, als die meisten denken.

Der zentrale Satz des Gesetzes liest sich so:

Bei Fernabsatzverträgen, die über eine Online-Benutzeroberfläche geschlossen werden, hat der Unternehmer sicherzustellen, dass der Verbraucher auf der Online-Benutzeroberfläche durch das Nutzen einer Widerrufsfunktion eine Widerrufserklärung abgeben kann. Die Widerrufsfunktion muss gut lesbar mit „Vertrag widerrufen“ oder einer anderen gleichbedeutenden eindeutigen Formulierung beschriftet sein. Sie muss während des Laufs der Widerrufsfrist auf der Online-Benutzeroberfläche ständig verfügbar, hervorgehoben platziert und für den Verbraucher leicht zugänglich sein.

— § 356a Absatz 1 BGB

Drei Wörter aus diesem Absatz solltest du dir merken, weil an ihnen später jede Abmahnung hängt: ständig verfügbar, hervorgehoben platziert, leicht zugänglich. Ein grauer 10-Pixel-Link im Footer erfüllt keine dieser drei Anforderungen.

Wen die Widerrufsbutton-Pflicht betrifft – und wen nicht

Hier räumen wir mit dem ersten Missverständnis auf: Das ist kein reines Shop-Thema. Die Pflicht knüpft an drei Bedingungen an, die gleichzeitig erfüllt sein müssen.

1. Vertragsschluss über eine Online-Benutzeroberfläche. Gemeint ist Software jeder Art – Websites, einzelne Seitenbereiche und Anwendungen inklusive Mobile-Apps. Sobald der Kunde bei dir online auf „Kaufen“, „Bestellen“ oder „Abo starten“ klickt, bist du im Spiel.
2. Verbrauchergeschäft (B2C). Die Funktion schützt Verbraucher. Reines B2B-Geschäft ohne Verbraucherbeteiligung ist außen vor – aber Vorsicht: Sobald auch nur ein Teil deiner Kunden privat kauft, greift die Pflicht.
3. Mindestens ein widerrufbares Produkt im Sortiment. Gibt es bei dir überhaupt Verträge mit gesetzlichem Widerrufsrecht, brauchst du den Button.

Das bedeutet konkret: Betroffen ist nicht nur der klassische Online-Shop, sondern auch der SaaS-Anbieter mit Abo-Modell, die Web-App mit kostenpflichtigem Tarif und der Betreiber einer Mobile-App mit In-App-Käufen. Wer 2026 noch glaubt, „elektronische Widerrufsfunktion“ sei ein Problem der Großen, hat die Reichweite des Gesetzes nicht verstanden.

Online-Benutzeroberfläche – mehr als nur deine Startseite

Der Begriff „Online-Benutzeroberfläche“ ist bewusst weit gefasst. Er meint nicht „deine Website“ im engen Sinn, sondern jede Software, über die ein Vertrag zustande kommt. Hast du eine native App im App Store, in der Verbraucher Verträge schließen, muss der Widerrufsbutton auch dort funktionieren – nicht nur im Web. Für Betreiber mehrerer Touchpoints heißt das: An jeder Stelle, an der gekauft wird, muss auch widerrufen werden können.

So funktioniert der Widerrufsbutton technisch: das zweistufige Verfahren

§ 356a BGB beschreibt keinen einzelnen Button, sondern einen Ablauf in zwei Stufen. Das ist die wichtigste technische Erkenntnis – und der Punkt, an dem die meisten Billig-Plugins scheitern.

Stufe 1: Der Widerrufs-Button und die Eingabeseite

Stufe eins ist der eigentliche Button mit der Aufschrift „Vertrag widerrufen“. Klickt der Verbraucher darauf, gelangt er auf eine Seite, auf der er die nötigen Angaben macht. Das Gesetz schreibt genau vor, was abgefragt oder bestätigt werden muss:

Der Verbraucher muss außerdem angeben können, ob er den gesamten Vertrag oder nur einen Teil davon widerrufen will. Für einen Shop mit Mehrartikel-Bestellungen heißt das: Die Eingabeseite braucht eine saubere Logik, die einzelne Positionen auswählbar macht. Das ist im Kern ein gut gebautes mehrstufiges Formular – ein Bereich, in dem schlechtes UX bares Geld kostet.

Stufe 2: Bestätigung und Eingangsbestätigung

Erst wenn die Angaben gemacht sind, kommt Stufe zwei. Der Verbraucher schickt seinen Widerruf über eine Bestätigungsfunktion ab. Auch deren Beschriftung ist gesetzlich festgelegt:

Diese Bestätigungsfunktion muss gut lesbar und mit „Widerruf bestätigen“ oder einer anderen gleichbedeutenden eindeutigen Formulierung beschriftet sein.

— § 356a Absatz 3 BGB

Danach bist du als Unternehmer am Zug. Du musst dem Verbraucher unverzüglich auf einem dauerhaften Datenträger – in der Praxis: per E-Mail – eine Eingangsbestätigung schicken. Diese muss zwei Dinge enthalten: den Inhalt der Widerrufserklärung und das Datum samt Uhrzeit des Eingangs. Letzteres ist kein Schönwetter-Detail, sondern entscheidet im Streitfall, ob die Frist gewahrt wurde.

Denn Absatz 5 stellt klar: Hat der Verbraucher den Widerruf vor Fristablauf über die Funktion abgeschickt, gilt er als rechtzeitig zugegangen. Der Zeitstempel deiner Bestätigung ist damit der juristische Beweis. Wer das technisch sauber loggt, ist im Vorteil – wer es dem Zufall überlässt, hat im Zweifel die Beweislast verloren.

Wo der Widerrufsbutton platziert werden muss

Zurück zu den drei magischen Wörtern: ständig verfügbar, hervorgehoben platziert, leicht zugänglich. Sie sind der Grund, warum du den Button nicht einfach irgendwo verstecken darfst. Während der gesamten Widerrufsfrist – also bei jedem Kunden mit einem frischen Vertrag – muss die Funktion erreichbar sein.

In der Praxis heißt das für die meisten Shops: ein dauerhaft sichtbarer Einstiegspunkt, etwa im Footer-Bereich, in der Bestellhistorie und idealerweise in der Bestellbestätigungs-E-Mail verlinkt. Der Button muss sich optisch vom Drumherum abheben – „hervorgehoben“ ist wörtlich gemeint. Ein Link, der dieselbe Farbe und Größe wie das AGB-Kleingedruckte hat, erfüllt das Kriterium nicht.

Eine häufige Frage betrifft den Login. Darf der Widerrufsbutton hinter dem Kundenkonto liegen? Die Antwort: meistens nicht. Eine reine Login-Lösung ist nur dann zulässig, wenn der zugrundeliegende Vertrag selbst zwingend ein Kundenkonto voraussetzt – das ist vor allem bei manchen Finanzdienstleistern der Fall. Für den ganz normalen Gast-Checkout im Online-Shop, bei dem man ohne Konto bestellen kann, muss der Button frei zugänglich sein. Wer hier auf eine reine Account-Lösung setzt, baut sich ein Abmahnrisiko ein.

Die teuren Folgen, wenn der Widerrufsbutton fehlt

Jetzt zum Teil, der Geschäftsführern den Schlaf raubt. Der fehlende oder fehlerhafte Widerrufsbutton hat zwei Eskalationsstufen – und beide kosten richtig.

Erstens die verlängerte Widerrufsfrist. Normalerweise hat ein Verbraucher 14 Tage Zeit. Wird er nicht ordnungsgemäß in die Lage versetzt, sein Widerrufsrecht auszuüben, kann sich diese Frist nach den Regeln des Widerrufsrechts auf bis zu 12 Monate und 14 Tage verlängern. Rechne das einmal durch: Ein Kunde kauft im Juli, und du müsstest die Ware im Folgejahr noch zurücknehmen und den Kaufpreis erstatten. Bei einem Shop mit hohem Bestellvolumen ist das kein theoretisches Risiko, sondern eine bilanzielle Zeitbombe.

Zweitens die Abmahnung. Ein fehlender Pflicht-Button ist ein klassischer Wettbewerbsverstoß. Mitbewerber und Abmahnverbände dürfen dich kostenpflichtig abmahnen – inklusive Unterlassungserklärung und Anwaltskosten. Genau dieses Muster hat sich beim Kündigungsbutton 2022 abgespielt: Wenige Wochen nach Inkrafttreten gingen die ersten Abmahnwellen los.

Die Mathematik ist eindeutig: Die saubere Umsetzung kostet einmalig ein paar Stunden Entwicklungszeit. Das Ignorieren kann dich über Monate verfolgen – als Retouren-Risiko, als Abmahnung und als Bußgeld.

Widerrufsbutton richtig umsetzen: Plugin oder Custom Code?

Wie bei jeder Pflicht-Funktion stehen zwei Wege offen – und die Wahl entscheidet über Performance, Wartbarkeit und Rechtssicherheit.

Der schnelle Weg ist ein Plugin. Für gängige Shop-Systeme werden bis Juni 2026 etliche Erweiterungen auf den Markt kommen. Das funktioniert, hat aber bekannte Schattenseiten: zusätzliches JavaScript, das deine Core Web Vitals belastet, ein generisches Layout, das aus deinem Design herausfällt, und eine Abhängigkeit von einem Drittanbieter, der die Funktion auch wieder einstellen kann. Wer schon einmal erlebt hat, wie ein Plugin nach einem Update den halben Checkout lahmlegt, weiß, wovon wir reden.

Der saubere Weg ist eine native Integration. In einem modernen Stack wie Nuxt.js oder Vue.js ist der Widerrufsbutton kein Hexenwerk: ein Einstiegspunkt im Layout, eine zweistufige Formularstrecke, ein serverseitiger Endpoint, der die Eingangsbestätigung mit korrektem Zeitstempel verschickt und den Vorgang protokolliert. Das Ganze passt sich deinem Design an, lädt keine fremden Skripte nach und gehört dir. Genau aus diesen Gründen empfehlen wir in unserem Vergleich von WordPress vs. Custom Code bei rechtskritischen Funktionen die maßgeschneiderte Lösung.

Der Widerrufsbutton ist außerdem kein Einzelfall, sondern Teil eines Trios von Compliance-Pflichten, die alle aufs gleiche hinauslaufen: gutes, ehrliches Webdesign. Dazu gehören das DSGVO-konforme Cookie-Banner und die Barrierefreiheit nach BFSG. Wer diese drei sauber löst, hat nicht nur die Juristen ruhiggestellt, sondern eine messbar bessere Website. Compliance und Conversion sind 2026 keine Gegensätze mehr – sie sind dasselbe Projekt.

Fazit: Der Widerrufsbutton ist Webdesign, kein Juristen-Kram

Der Widerrufsbutton nach § 356a BGB ist ab dem 19. Juni 2026 Pflicht – und er ist mehr als ein juristischer Haken, den du irgendwie abhakst. Er ist ein sichtbares UI-Element, das ständig verfügbar, hervorgehoben und leicht zugänglich sein muss, ein zweistufiges Verfahren mit klar beschrifteten Buttons und eine technische Pflicht zur zeitgestempelten Eingangsbestätigung. Wer das verschläft, riskiert eine Widerrufsfrist von bis zu zwölf Monaten, Abmahnungen und Bußgelder.

Die gute Nachricht: Sauber umgesetzt ist die elektronische Widerrufsfunktion in wenigen Stunden integriert – und sie macht deine Website besser, nicht schlechter. Behandle den Widerrufsbutton nicht als Notpflaster, sondern als Teil deiner Design-Architektur, so wie wir es im großen Webdesign-Guide für 2026 für alle Pflicht- und Conversion-Elemente empfehlen. Die Frist läuft. Dein Wettbewerber baut gerade um – die Frage ist nur, ob du es vor oder nach der ersten Abmahnung tust.

Cagri Ersöz

Ist dein Shop bereit für den Widerrufsbutton?

Schick uns die URL deines Shops oder deiner Web-App. Wir prüfen vor dem 19. Juni 2026, ob deine Online-Benutzeroberfläche § 356a BGB erfüllt – zweistufiges Verfahren, Platzierung, Eingangsbestätigung – und liefern dir einen konkreten Umsetzungsplan ohne Plugin-Ballast.

Jetzt Widerrufsbutton-Check anfragen