Widerrufsbutton rechtssicher in WooCommerce umsetzen

von

In diesem Beitrag erfährst du wie du den neuen Widerrufsbutton für Online-Verträge rechtssicher in WooCommerce umsetzt.

Der sogenannte Widerrufsbutton ist eine neu eingeführte, gesetzlich vorgeschriebene digitale Funktion, die Verbraucher dabei unterstützen soll, online abgeschlossene Verträge unkompliziert zu widerrufen. Der neue Button muss bis zum 19.06.2026 platziert werden.

Hintergrund dieser Regelung ist eine EU-Initiative mit dem Ziel, den Widerruf genauso einfach zu machen wie den Vertragsabschluss – also schnell und mit nur wenigen Klicks. Grundlage dafür ist die EU-Richtlinie 2023/2673, die den Verbraucherschutz stärken und eine europaweit einheitliche, leicht zugängliche elektronische Widerrufsmöglichkeit schaffen soll.

Auch wenn im Gesetzestext von einer „Widerrufsfunktion“ die Rede ist, hat sich im allgemeinen Sprachgebrauch der Begriff „Widerrufsbutton“ etabliert. Diese Funktion stellt eine zusätzliche Möglichkeit dar, das Widerrufsrecht auszuüben.

Umsetzung in WooCommerce

Damit deine Kunden von der neuen Widerrufsfunktion profitieren und du die neue Richtlinie bequem in WooCommerce umsetzen kannst, empfehlen wir dir die Installation unseres Plugins EU Widerrufsbutton für WooCommerce. Mit Installation des Plugins wird automatisch eine neue Seite für die Erklärung des Widerrufs hinzugefügt. Auf dieser Seite können Kunden über ein Formular per Eingabe der E-Mail-Adresse und (optional) der Bestellnummer den Widerruf bequem erklären. Optional kannst du auch einen Teilwiderruf über das Plugin anbieten. Nach Absenden des Formulars erhältst sowohl du als Shopbetreiber als auch dein Kunde eine E-Mail über den Eingang des Widerrufs. Für offene Widerrufsanträge findest du auf der Bestellungen Seite einen eigenen Bestellstatus über den du offene Anträge schnell finden und bearbeiten kannst. Anträge bei denen die E-Mail-Adresse von der bei der Bestellung angegebenen E-Mail-Adresse abweicht, werden standardmäßig separat aufgeführt und nicht direkt in den Status Widerruf ausstehend versetzt.

Ablauf beim Teilwiderruf

Wenn ein Kunde das Widerrufsformular ausfüllt, der nicht eingeloggt ist, kriegt der Kunde einen Hinweis angezeigt, der ihn darüber informiert, dass ein Teilwiderruf verfügbar ist (falls die Anzahl der Artikel in der Bestellung > 1 bzw. die bestellte Menge > 1 ist). In der Bestätigungsmail an den Kunden ist dann ein Link enthalten, über den der Kunde die zu widerrufenden Artikel einfach auswählen kann – anschließend wird der Widerrufantrag automatisch aktualisiert und du erhältst darüber ebenfalls eine Bestätigung.

Du solltest den Prozess einmal selbst anhand einer Testbestellung durchlaufen und alle Einstellungen und den E-Mail-Versand testen. Wenn du den Test erfolgreich abgeschlossen hast, kannst du den Widerrufsbutton einbinden und die Seite Vertrag widerrufen veröffentlichen, damit diese auch für deine Kunden erreichbar ist.

Nutzer von Germanized

Als Nutzer von Germanized ist die neue Widerrufsfunktion ab Version 4.0 direkt enthalten, d.h. du musst das separate Plugin nicht installieren. Alle Einstellungen zum neuen Widerrufsbutton findest du unter WooCommerce > Einstellungen > Germanized > Allgemein > Widerrufsbutton.

Einbindung im Shop

Um der neuen Richtlinie zu entsprechen, musst du den Widerrufsbutton z.B. im Footer deines Shops verknüpfen und optisch hervorheben. Auch der Wortlaut ist dabei entscheidend. Lt. IT Recht Kanzlei empfiehlt sich die Beschriftung „Vertrag widerrufen“. Die einfachste Lösung ist in den Einstellungen zum Widerrufsbutton die Funktion zum Einbinden im Footer zu aktivieren. Dann wird der Widerrufsbutton direkt in deinen Footer eingefügt. Je nach Theme kann es aber durchaus sein, dass die Darstellung nicht wie gewünscht ist, dann solltest du die Einbindung in den Einstellungen deaktivieren und die Einbindung stattdessen manuell über dein Theme vornehmen.

Viele WordPress Themes nutzen im Footer ein Menü, das du via WP-Admin > Design > Menüs bearbeiten kannst. Wenn du mit einem Full-Site-Editing Theme arbeitest, kannst du den Footer normalerweise unter Design > Editor bearbeiten. Achte darauf, dass du den Menüeintrag optisch hervorhebst – auch hierfür stellt dein Theme im Zweifel unterschiedliche Design-Elemente bereit. Eine Möglichkeit ist z.B. beim Bearbeiten des Menüs spezielle Klassen (die häufig von Themes/WP für die Darstellung eines Buttons verwendet werden) zu vergeben: btn button usw. – damit das funktioniert, musst du beim Bearbeiten des Menüs unter Ansicht anpassen unter Erweiterte Menüeigenschaften anzeigen die Funktion CSS-Klassen freischalten.

CSS-Klassen im Menü freischalten

Einige Themes, z.B. das Astra-Theme, stellen auch verschiedene Widget-Bereiche im Footer bereit – dort kannst du z.B. einfach einen Button-Block einfügen und die Widerrufseite verlinken.

Widerrufsbutton als Widget im Footer verlinken

Retouren zum Widerruf erstellen

Du nutzt Shiptastic noch nicht?

Retouren einfach über dein WordPress Dashboard erzeugen und verwalten

Nach dem Widerruf ist vor der Retoure – jedenfalls ist das häufig der Fall, wenn du Ware wirklich versendet hast und der Kunde die Ware nun zurücksenden muss. Dafür sieht der WooCommerce Core keinen guten Prozess vor. Nutze unser Plugin Shiptastic für WooCommerce, das perfekt mit dem neuen Widerrufsbutton zusammenarbeitet, um nach dem Widerruf bequem eine Retoure zur Sendung anzulegen und deinen Kunden weitere Informationen, sowie ggf. ein Rücksendeetikett, zukommen zu lassen.