Widerrufsbutton in 5 Schritten einrichten
Vom gestalteten Button bis zur automatischen Eingangsbestätigung — folge den Schritten der Reihe nach. Jeder einzufügende Text ist per Klick kopierbar.
Button gestalten & einbauen
Gestalte den Widerrufs-Button und baue ihn in deinen Shop ein. Empfohlen: Menü-Integration (kein Suchen im Footer-Code nötig).
theme.liquid eingebaut.So baust du den Button ein (Menü-Integration)
- 1Code in dein Theme einfügen
Shopify Admin → Onlineshop → Themes → „Code bearbeiten“ → Ordner „Layout“ → theme.liquid öffnen. Den Code rechts (Tab „Code“) direkt VOR dem schließenden </body>-Tag ganz unten einfügen und speichern. Das ist einmalig — der Code verwandelt jeden Menüpunkt, der auf die Widerruf-Seite zeigt, automatisch in deinen Button.
- 2Menüpunkt in der Navigation anlegen
Onlineshop → Navigation → „Footer-Menü“ (oder ein anderes Menü) öffnen → „Menüpunkt hinzufügen“. Diese Werte eintragen und speichern:
Menüpunkt-NameVertrag widerrufenLink/pages/widerruf
Den Code findest du oben über den Tab „Code“ (Button „Code kopieren“).
Formular in Shopify Forms erstellen
Baue das Widerrufsformular nach. Übernimm jeden Text exakt — die Felder unten sind per Klick kopierbar.
- 1Shopify Forms + FlowMail installieren
Aus dem Shopify App Store installieren: „Shopify Forms“ (gratis, von Shopify) und „FlowMail – Flow email sender“ (Free-Tier: 500 Aktionen). Shopify Forms speichert jede Einsendung als Metaobject — das ist später die Brücke zu Shopify Flow.
- 2Formular „Widerruf“ anlegen
Apps → Shopify Forms → „Create form“. Übernimm Titel, Inhalt, die Felder und alle Einstellungen exakt aus den beiden Blöcken unten — jeder Wert ist per Klick kopierbar. Feldreihenfolge und Pflichtfeld-Status genau einhalten.
- 3Formular aktivieren
Neue Formulare sind standardmäßig inaktiv. Nach dem Speichern oben rechts auf „Formular aktivieren“ klicken — der Status muss auf „Aktiv“ stehen, sonst wird nichts ausgelöst.
So heißt dein Formular intern + im Flow-Trigger.
{{ metaobject.bestellnummerBeginnendMit }}) werden aus den Feldnamen abgeleitet. Weichst du ab, musst du die Variablen in Schritt 4 anpassen.Seite anlegen & Formular einbetten
Lege die Widerruf-Seite an und binde das Formular über eine eigene Theme-Vorlage ein.
- 1Widerruf-Seite erstellen
Onlineshop → Seiten → „Seite hinzufügen“. Titel und URL-Handle wie unten setzen, Inhalt leer lassen (das Formular kommt gleich über die Vorlage). Veröffentlichen.
TitelWiderrufURL-Handlewiderruf - 2Form-ID kopieren
Apps → Shopify Forms → Formular „Widerruf“ öffnen. Nach dem Speichern wird in der Detail-Ansicht eine eindeutige Form-ID angezeigt — diese in die Zwischenablage kopieren.
- 3Vorlage „Widerruf“ anlegen + Formular einbetten
Theme-Editor öffnen → links auf „Seiten“ wechseln → oben Dropdown „Vorlage“ → „Vorlage erstellen“ → Name „Widerruf“, basierend auf „Standardseite“. In der neuen Vorlage: „Abschnitt hinzufügen“ → „Apps“ → „Forms“ → die kopierte Form-ID einfügen. Alle übrigen Standard-Abschnitte (Page Title, Page Content …) löschen oder per Augen-Symbol ausblenden. Speichern.
- 4Vorlage der Seite zuweisen
Vertriebskanäle → Onlineshop → Seiten → „Widerruf“ öffnen → rechts unter „Online-Shop“ das Dropdown „Vorlage“ auf „Widerruf“ stellen. Speichern. Seite im Shop öffnen — das Formular muss jetzt erscheinen.
Bestätigungs-Mails einrichten (Shopify Flow)
Pflicht nach § 312k BGB: zwei Flow-Workflows — eine Bestätigung an den Kunden (FlowMail) und eine interne Benachrichtigung an dich.
- 1.Apps → Shopify Flow → „Workflow erstellen“.
- 2.„Einen Trigger auswählen“ anklicken.
- 3.In der Suche „Metaobject entry created“ eingeben und den Trigger auswählen.
- 4.Metaobjekt-Definition: nach „Widerruf“ suchen → das erstellte Formular erscheint mit dem Titel „Widerruf“ → auswählen.
- 5.Im Bearbeitungsfenster auf das Plus („Aktion hinzufügen“) klicken.
- 6.In der App-Liste „FlowMail“ anklicken.
- 7.„Send transactional email (by specific email)“ auswählen.
- 8.Die Felder Email, Subject, Reply To und Content aus dem Panel „FlowMail-Aktion (Flow 1)“ rechts übernehmen — jeden Wert per Klick kopieren und einfügen.
- 9.Alle restlichen Felder leer lassen → oben rechts auf „Änderungen anwenden“ klicken.
Sehr geehrte Kundin, sehr geehrter Kunde,
wir bestätigen den Eingang Ihrer Widerrufserklärung.
Eingangsdatum: {{ "now" | date: "%d.%m.%Y" }}
Bestellnummer: {{metaobject.bestellnummerBeginnendMit}}
Betroffene Artikel: {{metaobject.welcheProdukteAusDerBestellungMchtestDuWiderrufen}}
Wir prüfen nun, ob und in welchem Umfang ein Widerrufsrecht besteht.
Bei Rückfragen melden wir uns zeitnah bei Ihnen.
Diese Eingangsbestätigung stellt keine Entscheidung über die Wirksamkeit des Widerrufs dar.
Falls Sie diese Bestätigung fälschlicherweise erhalten haben sollten,
ignorieren Sie diese E-Mail bitte.
Mit freundlichen Grüßen
{{shop.name}}
---
Diese E-Mail ist eine automatische Eingangsbestätigung gemäß § 312k BGB.Alle übrigen FlowMail-Felder leer lassen → oben rechts „Änderungen anwenden“.
- 1.Zweiten Workflow erstellen → gleicher Trigger „Metaobject entry created“ → Metaobjekt-Definition „Widerruf“.
- 2.Aktion hinzufügen → „Send internal email“.
- 3.Felder aus dem Panel „Interne Benachrichtigung (Flow 2)“ rechts übernehmen: To = deine Service-Adresse, Subject + Content per Klick kopierbar.
- 4.„Änderungen anwenden“. Danach beide Workflows auf „Aktiv“ stellen.
Es ist eine neue Widerrufserklärung eingegangen.
Eingegangen am: {{ "now" | date: "%d.%m.%Y" }}
Die vollständigen Angaben (Name, E-Mail, Bestellnummer,
widerrufene Produkte) findest Du im Shopify-Admin unter
„Apps → Shopify Forms → Submissions“.
Bitte zeitnah prüfen und intern abarbeiten.Testen & live schalten
Einmal komplett durchtesten, dann scharf schalten.
- 1Test-Einsendung machen
Widerruf-Seite im Shop öffnen, Formular mit Testdaten + deiner eigenen E-Mail ausfüllen und absenden.
- 2Drei Dinge prüfen
1) Bestätigungs-Mail kommt beim Kunden an (auch Spam-Ordner prüfen). 2) Interne Benachrichtigung landet in deinem Postfach. 3) Einsendung erscheint unter Apps → Shopify Forms → Submissions.
- 3Live schalten
Beide Flow-Workflows auf „Aktiv“ lassen. FlowMail-Kontingent im Blick behalten: das Free-Tier endet bei 500 Aktionen — danach werden ohne Upgrade keine Bestätigungen mehr versendet (rechtliches Risiko nach § 312k BGB).
§ 312k BGB: Die Eingangsbestätigung muss „unverzüglich“ und elektronisch erfolgen. FlowMail sendet sie in Sekunden — vorausgesetzt der Workflow ist aktiv. Tipp: In Apps → FlowMail einmalig die Sender-Domain (SPF/DKIM) konfigurieren, sonst landen Mails im Spam.
Häufige Stolpersteine
Theme-Editor → „Theme-Einstellungen → App-Einbettungen“ → Shopify Forms aktivieren. Dann erscheint unter „Abschnitt hinzufügen → Apps“ der Forms-Block.
Die Metaobjekt-Definition heißt meist Form: Widerruf. Nicht sichtbar? Erst eine Test-Submission abschicken, dann taucht der Typ auf.
Apps → FlowMail → „Sender Domain“ konfigurieren (SPF/DKIM). Ohne validierte Domain landen Mails im Spam. Kontingent prüfen: Free-Tier endet bei 500 Aktionen.
Menü-Integration: Der Menüpunkt muss exakt auf /pages/widerruf verlinken. Footer-Snippet: Snippet-Name muss widerrufs-button sein.
Übersicht im Shopify Admin
Alle eingegangenen Widerrufe findest du unter Apps → Shopify Forms → Submissions — mit Filter, Suche und CSV-Export. FlowMail-Versand: Apps → FlowMail → Logs. Flow-Läufe: Apps → Shopify Flow → Workflow → „Runs“.