Wer einen Webshop betreibt, kennt das Thema Widerruf bereits: Verbraucherinnen und Verbraucher haben bei vielen Online-Käufen ein gesetzliches Widerrufsrecht. Bisher reichte es in vielen Fällen aus, eine Widerrufsbelehrung, ein Muster-Widerrufsformular und eine Kontaktmöglichkeit bereitzustellen.
Ab dem 19. Juni 2026 kommt jedoch eine wichtige Neuerung hinzu: der sogenannte Widerrufsbutton.
Für viele Webshop-Betreiber bedeutet das: Der Widerruf muss künftig direkt über die Webseite oder den Onlineshop elektronisch möglich sein – einfach, gut sichtbar und ohne unnötige Hürden.
In diesem Beitrag zeigen wir dir, welche Möglichkeiten es zur Umsetzung gibt: von professionellen Lösungen wie eRecht24 über WordPress-Plugins bis hin zu einer eigenen Umsetzung mit Contact Form 7.
Wichtiger Hinweis: Dieser Beitrag stellt keine Rechtsberatung dar. Die Inhalte wurden sorgfältig recherchiert, erfolgen aber ohne rechtliche Gewähr. Ob deine konkrete Umsetzung rechtlich ausreichend ist, solltest du im Zweifel durch einen Rechtsanwalt, eine Rechtsanwältin oder einen spezialisierten Rechtstexte-Anbieter prüfen lassen.
Was ist der Widerrufsbutton?
Der Widerrufsbutton ist eine elektronische Funktion, über die Verbraucherinnen und Verbraucher einen online geschlossenen Vertrag widerrufen können.
Die Grundidee ist einfach:
Wenn ein Vertrag online mit wenigen Klicks abgeschlossen werden kann, soll auch der Widerruf online unkompliziert möglich sein.
Der Button darf also nicht irgendwo versteckt sein. Er muss für Kundinnen und Kunden gut auffindbar, klar beschriftet und leicht nutzbar sein.
Geeignete Beschriftungen sind zum Beispiel:
„Vertrag widerrufen“
oder eine gleichwertige, eindeutige Formulierung.
Wichtig ist außerdem: Der Widerrufsbutton ist nicht dasselbe wie der Kündigungsbutton. Der Kündigungsbutton betrifft vor allem laufende Verträge, Abos und Dauerschuldverhältnisse. Der Widerrufsbutton betrifft dagegen das gesetzliche Widerrufsrecht bei Fernabsatzverträgen, also typischerweise Online-Käufe und Online-Verträge im B2C-Bereich.
Für wen ist der Widerrufsbutton relevant?
Relevant ist der Widerrufsbutton vor allem für Unternehmen, die Verträge mit Verbraucherinnen und Verbrauchern über eine Webseite, einen Webshop oder eine andere Online-Benutzeroberfläche abschließen.
Typische Beispiele:
- WooCommerce-Shops
- Shopify-Shops
- Shopware-Shops
- Online-Buchungssysteme
- Webseiten mit direktem Vertragsabschluss
- digitale Verkaufsseiten
- Dienstleistungsangebote mit Online-Buchung
Nicht jeder Vertrag ist automatisch betroffen. Entscheidend ist unter anderem, ob ein gesetzliches Widerrufsrecht besteht und ob der Vertrag über eine Online-Oberfläche geschlossen wird.
Gerade deshalb sollte man die eigene Webseite oder den eigenen Shop rechtzeitig prüfen.
Welche Anforderungen sollte der Widerrufsbutton erfüllen?
Eine saubere Umsetzung sollte mindestens folgende Punkte berücksichtigen:
Der Button sollte gut sichtbar und leicht erreichbar sein. Er sollte nicht in AGB, Impressum oder Datenschutzinformationen versteckt werden.
Die Beschriftung sollte eindeutig sein, zum Beispiel:
„Vertrag widerrufen“
Nach dem Klick auf den Button sollte eine Seite oder ein Formular erscheinen, über das der Kunde den Widerruf erklären kann.
Dabei sollten nur die notwendigen Daten abgefragt werden. Sinnvoll sind zum Beispiel:
- Name
- E-Mail-Adresse
- Bestellnummer oder Vertragsnummer
- Angabe, welcher Vertrag oder welche Bestellung widerrufen werden soll
Nicht empfehlenswert ist es, den Kunden zu einer Begründung zu zwingen. Ein Widerruf muss grundsätzlich ohne Angabe von Gründen möglich sein.
Außerdem sollte es eine zweite Bestätigung geben. Der Kunde klickt also nicht nur auf „Vertrag widerrufen“, sondern bestätigt den Widerruf anschließend bewusst über eine weitere Schaltfläche, zum Beispiel:
„Widerruf bestätigen“
Nach dem Absenden sollte der Kunde eine Eingangsbestätigung erhalten, zum Beispiel per E-Mail. Diese Bestätigung sollte den Inhalt des Widerrufs sowie Datum und Uhrzeit des Eingangs enthalten.
Lösung 1: eRecht24 und andere Rechtstexte-Anbieter
Eine einfache Möglichkeit ist die Nutzung eines spezialisierten Rechtstexte- oder Compliance-Anbieters.
Bekannte Anbieter sind zum Beispiel:
- eRecht24
- Händlerbund
- IT-Recht Kanzlei
- avalex
- Trusted Shops
- andere Anbieter für Rechtstexte und Shop-Absicherung
Der Vorteil solcher Lösungen liegt auf der Hand: Die Anbieter beschäftigen sich laufend mit gesetzlichen Änderungen und stellen häufig passende Rechtstexte, Generatoren, Hinweise und technische Empfehlungen bereit.
Gerade für kleinere Webshops kann das sinnvoll sein, weil nicht nur der Button selbst wichtig ist. Auch die Widerrufsbelehrung, Datenschutzerklärung und interne Prozesse sollten zur Umsetzung passen.
Mögliche Vorteile:
- aktuelle Rechtstexte
- klare Handlungsempfehlungen
- weniger Eigenrecherche
- teilweise fertige Generatoren oder Muster
- bessere Absicherung als eine komplett selbst gebaute Lösung
Mögliche Nachteile:
- laufende Kosten
- je nach Anbieter nur bestimmte Funktionen enthalten
- technische Einbindung muss trotzdem sauber erfolgen
- nicht jede Lösung passt automatisch zu jedem Shopsystem
Für viele Shopbetreiber dürfte ein solcher Anbieter die bequemste Lösung sein – vor allem dann, wenn der Shop gewerblich betrieben wird und rechtliche Risiken möglichst reduziert werden sollen.
Lösung 2: WordPress-Plugins und WooCommerce-Erweiterungen
Wer WordPress oder WooCommerce nutzt, kann den Widerrufsbutton auch über Plugins oder Erweiterungen umsetzen.
Hier gibt es verschiedene Ansätze:
Einige Rechtstexte-Anbieter stellen eigene WordPress-Plugins bereit. Andere Plugins ermöglichen Formulare, Automatisierungen oder spezielle WooCommerce-Funktionen.
Mögliche Plugin-Arten:
- Rechtstexte-Plugins
- WooCommerce-Erweiterungen
- Formular-Plugins
- Automatisierungs-Plugins
- E-Mail- und Benachrichtigungs-Plugins
Wichtig ist dabei: Nicht jedes Formular-Plugin ist automatisch eine rechtssichere Widerrufsbutton-Lösung. Entscheidend ist die konkrete Umsetzung.
Ein Plugin sollte idealerweise ermöglichen:
- gut sichtbarer Button „Vertrag widerrufen“
- Weiterleitung auf eine klare Widerrufsseite
- zweistufige Bestätigung
- Erfassung der notwendigen Angaben
- automatische Eingangsbestätigung per E-Mail
- Speicherung oder Dokumentation des Eingangs
- keine unnötigen Pflichtfelder
- keine Hürden wie Loginpflicht, Captcha-Probleme oder versteckte Links
Gerade bei WooCommerce sollte zusätzlich geprüft werden, ob der Widerruf sinnvoll mit Bestellungen verknüpft werden kann. Eine automatische Bestellzuordnung kann praktisch sein, ersetzt aber nicht die rechtliche Prüfung.
Lösung 3: Umsetzung mit Contact Form 7
Eine einfache und flexible Möglichkeit für WordPress-Webseiten ist die Umsetzung mit Contact Form 7.
Contact Form 7 ist eines der bekanntesten Formular-Plugins für WordPress. Damit lässt sich eine eigene Widerrufsseite erstellen, auf der Kundinnen und Kunden ihren Widerruf elektronisch erklären können.
Wichtig: Contact Form 7 allein macht die Lösung nicht automatisch rechtssicher. Entscheidend ist, wie das Formular eingebunden, beschriftet und verarbeitet wird.
Eine mögliche Umsetzung kann so aussehen:
Schritt 1: Eine eigene Seite „Widerruf“ erstellen
Erstelle in WordPress eine neue Seite, zum Beispiel:
/widerruf/
Auf dieser Seite erklärst du kurz, dass Kundinnen und Kunden hier ihren Vertrag oder ihre Bestellung widerrufen können.
Der Text könnte zum Beispiel lauten:
Hier können Sie einen online geschlossenen Vertrag oder eine Bestellung widerrufen. Bitte füllen Sie das folgende Formular aus. Nach dem Absenden erhalten Sie eine Eingangsbestätigung per E-Mail.
Schritt 2: Einen gut sichtbaren Button im Shop einbauen
Der Button sollte gut sichtbar erreichbar sein, zum Beispiel im Footer, im Kundenbereich, auf der Bestellbestätigungsseite und in der Widerrufsbelehrung.
Beschriftung:
Vertrag widerrufen
Der Button verlinkt dann auf die Seite:
/widerruf/
Wichtig ist: Der Button sollte nicht versteckt sein. Er sollte klar als Widerrufsmöglichkeit erkennbar sein.
Schritt 3: Formular mit Contact Form 7 erstellen
Ein mögliches Formular könnte so aufgebaut sein:
<label>Ihr Name [text* your-name autocomplete:name] </label>
<label>Ihre E-Mail-Adresse [email* your-email autocomplete:email] </label>
<label>Bestellnummer / Vertragsnummer [text* bestellnummer] </label>
<label>Welche Bestellung oder welchen Vertrag möchten Sie widerrufen? [textarea* widerrufstext "Hiermit widerrufe ich den von mir abgeschlossenen Vertrag über den Kauf der oben genannten Waren / die Erbringung der oben genannten Dienstleistung."] </label>
[acceptance* bestaetigung] Ich bestätige, dass ich diesen Widerruf absenden möchte. [/acceptance]
[submit "Widerruf bestätigen"]
Diese Variante fragt nur die wichtigsten Angaben ab:
- Name
- E-Mail-Adresse
- Bestellnummer oder Vertragsnummer
- Widerrufserklärung
- Bestätigung vor dem Absenden
Auf ein Pflichtfeld für den Widerrufsgrund sollte verzichtet werden.
Schritt 4: Automatische Eingangsbestätigung einrichten
In Contact Form 7 sollte eine automatische E-Mail an den Kunden eingerichtet werden.
Diese E-Mail sollte den Eingang des Widerrufs bestätigen und die übermittelten Angaben enthalten.
Ein möglicher Text:
Betreff: Eingangsbestätigung Ihres Widerrufs
Guten Tag,
wir bestätigen den Eingang Ihres Widerrufs über unser Online-Formular.
Übermittelte Angaben:
Name: [your-name]
E-Mail-Adresse: [your-email]
Bestellnummer / Vertragsnummer: [bestellnummer]
Widerrufserklärung:
[widerrufstext]
Diese Eingangsbestätigung bestätigt den Eingang Ihrer Erklärung. Eine rechtliche Prüfung des Widerrufs erfolgt im Anschluss.
Mit freundlichen Grüßen
Ihr Shop-Team
Wichtig ist, dass die Bestätigung nicht vorschnell formuliert wird wie:
„Ihr Widerruf wurde akzeptiert.“
Besser ist:
„Wir bestätigen den Eingang Ihres Widerrufs.“
Denn die Eingangsbestätigung ist nicht zwingend gleichbedeutend mit der rechtlichen Anerkennung des Widerrufs.
Schritt 5: Eingang dokumentieren
Für die interne Nachweisbarkeit sollte der Eingang des Formulars dokumentiert werden.
Contact Form 7 speichert Einsendungen standardmäßig nicht dauerhaft in der WordPress-Datenbank. Deshalb kann ein zusätzliches Plugin wie Flamingo sinnvoll sein. Flamingo speichert Contact-Form-7-Anfragen im WordPress-Backend.
Alternativ kann die Dokumentation auch über das E-Mail-Postfach erfolgen. Wichtig ist, dass Datum, Uhrzeit und Inhalt der Widerrufserklärung nachvollziehbar bleiben.
Schritt 6: Datenschutz beachten
Da personenbezogene Daten verarbeitet werden, sollte auch die Datenschutzerklärung geprüft und gegebenenfalls angepasst werden.
In der Datenschutzerklärung sollte beschrieben werden, welche Daten über das Widerrufsformular verarbeitet werden, zu welchem Zweck dies geschieht und wie lange die Daten gespeichert werden.
Auch hier gilt: Im Zweifel sollte ein Rechtstexte-Anbieter oder eine rechtliche Beratung hinzugezogen werden.
Beispiel für einen Button zur Widerrufsseite
Ein einfacher HTML-Button könnte so aussehen:
<a class="widerrufsbutton" href="/widerruf/">
Vertrag widerrufen
</a>
Dazu ein einfaches CSS-Beispiel:
.widerrufsbutton {
display: inline-block;
padding: 14px 22px;
background: #111;
color: #fff;
text-decoration: none;
font-weight: 700;
border-radius: 6px;
border: 2px solid #111;
}
.widerrufsbutton:hover {
background: #fff;
color: #111;
}
Der Button sollte optisch zur Webseite passen, aber trotzdem klar auffallen.
Typische Fehler bei der Umsetzung
Bei der Umsetzung des Widerrufsbuttons sollten Shopbetreiber einige Fehler vermeiden.
Fehler 1: Der Button ist versteckt
Ein Link irgendwo im Impressum oder in den AGB reicht in der Regel nicht aus. Der Widerrufsbutton sollte klar erkennbar und leicht erreichbar sein.
Fehler 2: Der Kunde muss sich erst einloggen
Eine Loginpflicht kann problematisch sein, wenn dadurch der Widerruf erschwert wird. Der Widerruf sollte grundsätzlich auch ohne Kundenkonto möglich sein.
Fehler 3: Es wird ein Widerrufsgrund verlangt
Ein Widerruf muss grundsätzlich ohne Begründung möglich sein. Ein freiwilliges Feld für Hinweise kann möglich sein, sollte aber nicht als Pflichtfeld umgesetzt werden.
Fehler 4: Es gibt keine Eingangsbestätigung
Nach dem Absenden sollte der Kunde eine Bestätigung erhalten. Diese sollte den Inhalt der Widerrufserklärung sowie Datum und Uhrzeit des Eingangs enthalten.
Fehler 5: Rechtstexte werden nicht angepasst
Der Button allein reicht nicht aus. Auch Widerrufsbelehrung und Datenschutzerklärung sollten zur tatsächlichen Umsetzung passen.
Unsere Einschätzung
Für professionelle Webshops ist eine Lösung über einen spezialisierten Rechtstexte-Anbieter oft der sicherste Weg. Anbieter wie eRecht24, Händlerbund, IT-Recht Kanzlei oder Trusted Shops beschäftigen sich laufend mit rechtlichen Änderungen und bieten passende Texte oder Hilfestellungen an.
Für kleinere WordPress-Webseiten oder einfache WooCommerce-Shops kann auch eine Umsetzung mit Contact Form 7 eine praktikable Lösung sein – sofern sie technisch sauber, nutzerfreundlich und rechtlich geprüft umgesetzt wird.
Wichtig ist vor allem:
- Der Button muss gut sichtbar sein.
- Die Beschriftung muss eindeutig sein.
- Der Widerruf darf nicht unnötig erschwert werden.
- Das Formular sollte nur notwendige Daten abfragen.
- Eine Eingangsbestätigung muss versendet werden.
- Die übermittelten Daten sollten nachvollziehbar dokumentiert werden.
- Widerrufsbelehrung und Datenschutzerklärung sollten angepasst werden.
Fazit: Jetzt rechtzeitig vorbereiten
Der Widerrufsbutton ist keine reine Formsache. Er betrifft Technik, Design, Rechtstexte, Datenschutz und interne Abläufe.
Wer einen Webshop betreibt, sollte deshalb rechtzeitig prüfen:
- Bin ich von der Pflicht betroffen?
- Wo soll der Button eingebunden werden?
- Welche technische Lösung nutze ich?
- Werden Eingänge korrekt bestätigt und dokumentiert?
- Sind Widerrufsbelehrung und Datenschutzerklärung aktuell?
Ob eRecht24, ein anderes Rechtstexte-System, ein WordPress-Plugin oder eine eigene Lösung mit Contact Form 7: Entscheidend ist, dass die Umsetzung für Verbraucherinnen und Verbraucher einfach nutzbar und rechtlich sauber gestaltet ist.
Hinweis: Dieser Beitrag dient nur der allgemeinen Information und stellt keine Rechtsberatung dar. Die Nutzung der beschriebenen Beispiele und Code-Snippets erfolgt ohne rechtliche Gewähr. Für eine verbindliche Einschätzung sollte eine fachkundige rechtliche Beratung eingeholt werden.
