Widerrufsbutton ab 19. Juni 2026 Pflicht: Was Website-Betreiber wissen müssen

Die Frist läuft ab: Ab dem 19. Juni 2026 müssen Unternehmen, die Verträge mit Verbrauchern (B2C) über Online-Oberflächen anbieten, eine einfache elektronische Möglichkeit für den Widerruf bereitstellen. Die neue gesetzliche Pflicht in **§ 356a BGB** setzt eine EU-Richtlinie (2023/2673) um und betrifft eine Vielzahl von Websites, Onlineshops und Buchungsportalen. Wer die Frist verschläft, riskiert teure Abmahnungen durch Verbraucherzentralen und Wettbewerber.

Wichtige Frist: Der Gesetzgeber lässt keine Übergangsfrist zu. Am 19. Juni 2026 muss der Widerrufsbutton auf allen betroffenen Benutzeroberflächen voll funktionsfähig online sein.

1. Wer ist von der neuen Pflicht betroffen?

Die Pflicht gilt für alle Webseiten, Webshops, Apps oder sonstigen digitalen Oberflächen, über die ein Verbraucher (B2C) einen kostenpflichtigen **Fernabsatzvertrag** mit einem Unternehmen abschließen kann, sofern für diesen Vertrag ein gesetzliches Widerrufsrecht besteht. Das umfasst:

• Online-Shops: Verkauf von physischen Waren (sofern das Widerrufsrecht nicht gesetzlich ausgeschlossen ist).
• Dienstleistungsportale: Online-Buchungen von Handwerkerleistungen, Beratungen, Agenturdienstleistungen.
• Digitale Produkte: Verkauf von E-Books, Online-Kursen, Software-Lizenzen oder Streaming-Diensten.
• Abo-Modelle: Jede Art von fortlaufendem Vertrag (z. B. SaaS-Anwendungen, Cloud-Speicher).

Wer ist NICHT betroffen? Reine Informations-Websites ohne Abschlussmöglichkeit sowie Verträge, bei denen das Gesetz kein Widerrufsrecht vorsieht (z. B. schnell verderbliche Waren, maßgeschneiderte Sonderanfertigungen oder reine B2B-Plattformen, bei denen ausschließlich Geschäfte zwischen Firmen abgeschlossen werden).

2. Die zweistufige technische Umsetzung: So sieht sie aus

Der Gesetzgeber schreibt eine exakte, zweistufige Struktur vor, wie der Widerruf eingeleitet und abgeschlossen werden muss. Der Ablauf ähnelt stark dem bereits bekannten Kündigungsbutton:

Stufe 1: Die Widerrufs-Schaltfläche (Start)

Auf der Website muss eine gut sichtbare und ständig erreichbare Schaltfläche platziert werden. Die Beschriftung dieser Schaltfläche muss eindeutig und gut lesbar sein. Der Gesetzgeber schlägt Formulierungen vor wie:

• Vertrag widerrufen
• Jetzt widerrufen

Wichtig: Diese Schaltfläche darf nicht hinter einem Passwort-Login versteckt werden. Auch Kunden, die ihr Passwort vergessen haben, müssen ihr Recht auf einfachen Widerruf wahrnehmen können.

Stufe 2: Die Bestätigungsseite (Zusammenfassung)

Ein Klick auf die erste Schaltfläche leitet den Nutzer direkt auf eine Bestätigungsseite weiter. Auf dieser Seite muss der Nutzer folgende Angaben machen können:

1. Art des Widerrufs (welcher Vertrag soll widerrufen werden).
2. Name und Anschrift des Verbrauchers.
3. Ggf. Bestellnummer oder Vertragsnummer zur eindeutigen Zuordnung.

Am Ende dieser Seite muss die **zweite Schaltfläche** platziert sein, mit der der Widerruf final abgesendet wird. Diese muss gut lesbar mit nichts anderem als der Formulierung „Widerruf bestätigen“ oder „Jetzt Widerruf absenden“ beschriftet sein.

3. Vergleich: Kündigungsbutton vs. Widerrufsbutton

Es ist wichtig, diese beiden gesetzlichen Pflichten sauber zu unterscheiden:

4. Technische Umsetzung: CSS/HTML-Beispiel

Hier ist ein vereinfachtes technisches Beispiel, wie die Einbindung der ersten Stufe im Footer oder Kundenkonto einer Website aussehen kann:

<!-- Stufe 1: Einfacher Einstiegs-Link/Button auf der Webseite -->
<div class="widerruf-wrapper">
  <p>Sie möchten einen online geschlossenen Vertrag widerrufen?</p>
  <a href="/widerruf-formular.php" class="btn-widerruf">Vertrag widerrufen</a>
</div>

Die Styling-Klasse sorgt dafür, dass die Schaltfläche ins Auge springt:

.btn-widerruf {
  display: inline-block;
  background-color: #b91c1c; /* Signalrot oder Branding-Farbe */
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.btn-widerruf:hover {
  background-color: #991b1b;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

5. Was passiert bei Missachtung des Gesetzes?

Die Nichteinhaltung der Pflicht ab dem 19. Juni 2026 birgt enorme Risiken:

• Verlängerung der Widerrufsfrist: Stellt der Betreiber die Funktion nicht gesetzeskonform bereit, erlischt das Widerrufsrecht des Verbrauchers nicht nach den regulären 14 Tagen, sondern verlängert sich im schlimmsten Fall um bis zu **ein Jahr und 14 Tage**.
• Abmahnwelle: Konkurrenten und Wettbewerbsverbände können fehlerhafte Seiten abmahnen. Die Abmahngebühren und Anwaltskosten trägt der Betreiber.
• Bußgelder: Landesdatenschutz- oder Marktüberwachungsbehörden können Verstöße ahnden.

Fazit: Handeln Sie sofort

Wenn Sie einen Online-Shop betreiben oder Dienstleistungsverträge über Ihre Website abschließen, müssen Sie bis zum 19. Juni 2026 handeln. Die technische Umsetzung des zweistufigen Formulars erfordert Anpassungen im Frontend Ihrer Website und die Bereitstellung eines Bestätigungs-Logik im Backend, die dem Kunden den Erhalt des Widerrufs sofort digital quittiert.

Weiterführende offizielle Quellen

• Verbraucherzentrale Bundesverband — Verbraucherrechte und aktuelle Gesetzesänderungen
• IHK (Industrie- und Handelskammer) — Merkblätter für Gewerbetreibende zu Fernabsatzpflichten
• § 356a BGB im Wortlaut — Bundesministerium der Justiz