Widerrufsbutton: wo Sie ihn auf Ihrer E-Commerce-Website platzieren

Der Widerrufsbutton ist in der EU seit dem 19. Juni 2026 verpflichtend (Richtlinie (EU) 2023/2673; in Deutschland § 356a BGB, in Österreich § 11 FAGG), und die Richtlinie legt genau die Zugänglichkeitsbedingungen des Buttons fest. Hier sind die vier möglichen Positionen, ihre Vorteile und die Fallen, die die Konformität zu Fall bringen.

Was die Richtlinie verlangt

Die Richtlinie (EU) 2023/2673 schreibt für den Widerrufsbutton drei kumulative Kriterien vor:

1. Klare Identifizierung durch den Hinweis „Vertrag widerrufen“ oder jede gleichwertige eindeutige Formulierung.
2. Direkte Sichtbarkeit: Der Verbraucher darf nicht aktiv suchen müssen.
3. Dauerhafte Verfügbarkeit während der gesamten Dauer der Widerrufsfrist, von jeder Seite der Website aus.

Das anspruchsvollste Kriterium ist das dritte. „Von jeder Seite aus“ schließt ausdrücklich die Lösungen aus, bei denen der Button nur auf der Startseite oder im angemeldeten Kundenbereich erscheint. Es ist dieser Punkt, der die meisten teilweisen Positionen nicht konform macht.

Eine häufige Verwechslung verdient es, ausgeräumt zu werden: Der Button ist kein Button pro Bestellung, der sich 14 Tage lang anzeigen und dann verschwinden würde. Es ist eine dauerhafte Funktion der Website, durchgängig auf allen Seiten sichtbar, unabhängig vom Zustand der Bestellungen. Die 14-Tage-Frist läuft für jeden Kunden ab seinem eigenen Empfang; das System selbst bleibt dauerhaft angezeigt. Sie müssen also nichts „programmieren“ oder erscheinen bzw. verschwinden lassen: einmal platziert, bleibt der Button dort.

Die vier möglichen Positionen

1. Dauerhafter Footer (empfohlen)

Der Fußbereich der Website, auf jeder URL vorhanden, ist die rechtlich sicherste Platzierung. Es ist auch die Platzierung, die sich bei ähnlichen Pflichten (etwa dem Kündigungsbutton) bereits bewährt hat. Wenn Sie diesem Muster für den Widerruf folgen, profitieren Sie von einer bereits erprobten Ausrichtung.

Vorteile:

• Ohne Bedingung auf jeder Seite vorhanden (Navigation, Warenkorb, Produktdatenblatt, Produktseite, Kundenbereich)
• Kohärent mit den anderen rechtlichen Hinweisen (Nutzungsbedingungen, AGB, DSGVO)
• Von den Verbrauchern erwartetes Muster
• Keine wesentliche UX-Änderung

Zu vermeidende Fallen:

• Footer standardmäßig geschlossen auf dem Handy (Akkordeon „Rechtliche Hinweise“): Der Button muss ohne Interaktion sichtbar sein
• Link unter 30 anderen Hinweisen versteckt, in blassem Grau (das Kriterium „direkte Sichtbarkeit“ erfordert eine gewisse Lesbarkeit)
• „Sticky Bottom“-Footer, der sich beim Scrollen nach oben ausblendet

2. Dauerhafter Header (Kopfbereich)

Der dauerhafte Kopfbereich der Website ist, sofern er stets sichtbar ist (sticky oder nicht), akzeptabel, aber weniger verbreitet.

Vorteile:

• Maximale Sichtbarkeit (Zone, die der Blick zuerst erfasst)
• Kohärente Position auf allen Seiten

Zu vermeidende Fallen:

• Button in einem eingeklappten Hamburger-Menü versteckt auf dem Handy: nicht konform. Die Richtlinie verlangt eine direkte Sichtbarkeit, keine an eine Handlung geknüpfte Sichtbarkeit.
• Widerrufshinweis unter 8 anderen Navigationselementen verloren
• Optischer Konflikt mit dem Haupt-CTA der Website (zum Beispiel „Jetzt kaufen“ in Rot neben „Vom Vertrag zurücktreten“), der eine UX-Verwirrung erzeugt

3. Eigene Seite „Widerrufsrecht“

Eine eigenständige Seite „/widerrufsrecht“ (oder ein gleichwertiger Titel), zugänglich über das Hauptmenü oder über den Footer, ist unter einer Bedingung akzeptabel: Der Einstiegslink zu dieser Seite muss selbst auf jeder Seite der Website vorhanden sein.

Vorteile:

• Ermöglicht es, alle Informationen zu bündeln (Gesetzestext, Formular, FAQ, Button)
• Von Google indexierbare Seite, die auf Suchanfragen „Widerrufsrecht [Markenname]“ ranken kann
• Gute pädagogische Praxis

Zu vermeidende Fallen:

• Seite nur über den eingeklappten Footer auf dem Handy zugänglich (siehe Falle Nr. 1)
• Zugangslink in sehr heller Farbe oder mit irreführendem Titel („Unser Versprechen“)
• Verweis auf diese Seite ohne interaktiven Button vor Ort: Die eigene Seite muss selbst den Button enthalten, nicht nur erklären, wie man widerruft

4. Angemeldeter Kundenbereich (allein unzureichend)

Den Button nur im angemeldeten Kundenbereich zu platzieren, erfüllt nicht die Richtlinie (EU) 2023/2673. Der Verbraucher muss sein Recht ausüben können, auch wenn er kein Konto hat (Gastkauf) oder wenn er seine Zugangsdaten verloren hat.

Der Kundenbereich kann eine erweiterte Version des Buttons beherbergen (mit einer Übersicht der berechtigten Bestellungen, Beispielen), aber ergänzend zu einem öffentlichen Button, niemals als Ersatz.

Die klassische Falle: „Mein CMS erlaubt es nicht, den Footer zu ändern“

Das ist ein häufiger, aber in 95 % der Fälle falscher Einwand. Alle großen CMS (Shopify, WooCommerce, PrestaShop, Wix, Webflow, Squarespace, WiziShop) erlauben es, ein globales Skript in den <head> oder in den Fußbereich einzufügen. Die Installationsanleitung je CMS beschreibt das Vorgehen für jedes.

Wenn Ihr technischer Stack wirklich keine globale Einfügung erlaubt (ein äußerst seltener Fall, in der Regel WordPress-Websites mit einem von einem Drittentwickler gesperrten Theme), gibt es zwei Optionen:

• Ihren Entwickler bitten, einen spezifischen Hook hinzuzufügen (5 Minuten)
• Auf ein moderneres CMS umziehen (aus anderen Gründen als dem Widerruf empfohlen)

Die Konformität nicht herzustellen unter dem Vorwand, „der Footer sei nicht änderbar“, setzt der Durchsetzung aus: in Deutschland Abmahnung durch Verbraucherverbände oder Wettbewerber und, bei großflächigen grenzüberschreitenden Verstößen, Geldbußen bis zu 4 % des Jahresumsatzes (EU-Omnibus-Richtlinie (EU) 2019/2161); in Österreich eine Verwaltungsstrafe bis zu 1.450 € (§ 11 FAGG).

Ergänzend: der Link in den transaktionalen E-Mails

Die E-Mails zur Bestell- und Versandbestätigung sind ein dauerhafter Datenträger, den der Kunde aufbewahrt. Darin einen Link „Hier vom Vertrag zurücktreten“ einzubinden, stärkt die Zugänglichkeit des Vorgangs, genau in dem Moment, in dem der Kunde den Vertrag im Kopf hat. Mehrere juristische Analysen führen die transaktionalen E-Mails im Übrigen unter den zugänglichen Positionen auf.

Es ist eine Ergänzung, kein Ersatz. Eine E-Mail erfüllt für sich allein nicht die Anforderung der Verfügbarkeit „von jeder Seite“ der Website: Der dauerhafte Button (Footer) bleibt der Anker der Konformität, der Link in der E-Mail stärkt ihn.

Gute Praxis: die Zugänglichkeit des Buttons testen

Drei schnelle Tests, die Sie auf Ihrer Website durchführen sollten, sobald der Button installiert ist:

Test 1, der Scroll-Test

Gehen Sie auf die am wenigsten besuchte Seite der Website (zum Beispiel: ein unscheinbares Produktdatenblatt, eine tief vergrabene Seite „Über uns“). Scrollen Sie bis ganz nach unten. Der Button muss dort ohne Handgriff sichtbar sein. Wenn Sie auf ein Akkordeon klicken oder ein Menü öffnen müssen, ist der Test gescheitert.

Test 2, der Mobil-Test

Wiederholen Sie Test 1 auf dem Smartphone, im echten Viewport (nicht im Responsive-Modus des Desktop-Browsers). Viele gut gebaute Desktop-Footer werden auf dem Handy unleserlich oder zu klein. Der Button muss mit einer Berührungsfläche ≥ 24 px anklickbar bleiben (Empfehlung WCAG/Google Mobile-Friendly).

Test 3, der Test mit einem älteren Nutzer

Bitten Sie eine Person über 60 ohne vorherigen Kontext, „den Button zum Stornieren einer Bestellung“ auf Ihrer Website zu finden. Wenn sie mehr als 30 Sekunden braucht, ist Ihr Button schlecht platziert oder schlecht beschriftet. Genau das ist das Kriterium, das im Streitfall ein Gericht oder ein Prüfer bei einer Kontrolle heranziehen wird.

Sonderfälle: Multi-Domain und Subdomains

Wenn Ihre Tätigkeit über mehrere Domains läuft (zum Beispiel marke.de für Endkunden und marke-pro.de für B2B), muss der Button auf jeder Domain installiert werden, auf der Sie an Verbraucher verkaufen. Ein Button auf marke.de deckt marke-pro.de nicht ab, selbst wenn es dieselbe Gesellschaft ist.

Ebenso bei den Subdomains: Wenn shop.marke.de ein echter E-Commerce-Shop und marke.de eine Schaufenster-Website ist, muss der Button auf shop.marke.de sein, kann aber auf marke.de fehlen. Dennoch ist aus Gründen der Kohärenz und zur Erleichterung der Kommunikation ein einheitliches Deployment vorzuziehen.

BackToMe verwaltet den Multi-Site-Betrieb nativ von einem einzigen Konto aus: ein einziges Abonnement, koordiniertes Deployment auf all Ihren Domains mit einem zentralisierten Prüfprotokoll.