Viele Shopbetreiber wissen, dass sie einen Widerrufsbutton brauchen – aber nicht wie er technisch umgesetzt wird. Die gute Nachricht: Du brauchst dafür keine kostenpflichtige App und keinen Entwickler. Die Lösung läuft komplett über kostenlose Shopify-eigene Tools.
Diese Anleitung zeigt dir Schritt für Schritt, wie du ein funktionierendes Widerrufsformular erstellst, eine automatische Eingangsbestätigung einrichtest und den Button sichtbar in deinem Shop platzierst.
Voraussetzungen & benötigte Tools
Du brauchst nichts weiter als deinen Shopify-Admin-Zugang und drei kostenlose Apps. Alle werden im Shopify App Store installiert.
Verwendete Tools
- Shopify Forms – von Shopify selbst, kostenlos. Erstellt das Widerrufsformular.
- Shopify Flow – von Shopify selbst, kostenlos. Automatisiert den Ablauf nach dem Formularversand.
- Flow Mail – kostenlos. Versendet die automatische Eingangsbestätigung per E-Mail.
Die gesamte Einrichtung dauert erfahrungsgemäß etwa 30–45 Minuten, wenn du alle Schritte einmal durchgehst.
Schritt 1: Shopify Forms installieren
Shopify Forms aus dem App Store installieren
- Gehe im Shopify App Store zu Shopify Forms und installiere die App.
- Nach der Installation öffnest du die App und klickst auf Formular erstellen.
- Wähle dort Inline-Formular aus.
- Vergib einen Namen, z. B.: Widerrufsformular
Schritt 2: Widerrufsformular erstellen
Felder, Einstellungen und Erfolgsnachricht konfigurieren
- Lege diese Pflichtfelder an: Vorname, Nachname, E-Mail, Bestellnummer
- Für die Bestellnummer: einzeiliges Textfeld, Pflichtfeld, Hinweistext: „Bitte mit # angeben"
- Optional: mehrzeiliges Textfeld für zusätzliche Angaben (nicht als Pflichtfeld)
- Stelle sicher, dass das Formular kein Newsletter-Formular ist – Marketing muss deaktiviert sein
- Lege eine Erfolgsnachricht fest, z. B.: „Dein Widerruf wurde übermittelt. Wir bestätigen dir den Eingang zusätzlich per E-Mail."
- Aktiviere die Option, dass du als Shopbetreiber per E-Mail benachrichtigt wirst
- Formular speichern und aktivieren
Schritt 3: Neue Seite für das Widerrufsformular anlegen
Seite in Shopify anlegen
- Gehe zu Onlineshop → Seiten → Seite hinzufügen
- Titel der Seite: z. B. Widerrufsformular
- URL:
/pages/widerrufsformular - Seite auf sichtbar stellen
- Metadaten sauber befüllen (Seitentitel + Beschreibung)
- Seite noch nicht einem Template zuweisen – das passiert in Schritt 5
Schritt 4: Eigenes Seiten-Template im Theme erstellen
Template anlegen und Formular einbinden
- Gehe zu Onlineshop → Themes → Anpassen
- Öffne oben im Theme-Editor die Seiten-Vorlagen und erstelle ein neues Template auf Basis der Standardseite – z. B.:
page.widerrufsformular - Achte darauf, dass du das neue Template bearbeitest (nicht die Standardseite)
- Füge einen Text- oder Rich-Text-Block ein und setze den Seitentitel als H1: Widerrufsformular
- Füge einen App-Block hinzu: Apps → Shopify Forms
- Trage dort die Formular-ID aus Schritt 2 ein
- Farben, Abstände und Gestaltung ans Theme anpassen
- Template speichern
Gehe danach zurück zur Seite aus Schritt 3 und weise ihr das neue Template zu: unten bei Vorlage das neue Seiten-Template auswählen und speichern.
Schritt 5: Eingangsbestätigung einrichten
Der Kunde braucht eine automatische E-Mail-Bestätigung, dass sein Widerruf eingegangen ist. Das läuft über Shopify Flow und Flow Mail.
Shopify Flow & Flow Mail installieren
- Beide Apps im App Store installieren: Shopify Flow und Flow Mail
- In Flow Mail: E-Mail-Versand aktivieren, Branding anpassen (Logo, Farben, Absenderadresse)
Workflow in Shopify Flow anlegen
- Shopify Flow öffnen → Neuen Workflow erstellen
- Trigger festlegen: Metaobject Entry Created
- Das passende Metaobjekt für dein Widerrufsformular auswählen
Hintergrund: Shopify Forms speichert Formular-Einsendungen als Metaobjekte. Sobald jemand das Formular abschickt, startet der Workflow automatisch.
Eingangsbestätigungs-E-Mail erstellen
- Als Aktion auswählen: Send transactional email by Flow Mail
- Empfänger: E-Mail-Adresse aus dem Formular per Variable eintragen – die E-Mail geht direkt an den Kunden
- Inhalt der E-Mail: Eingangsbestätigung, Bezug auf die Bestellung, Hinweis auf Bearbeitungsprozess, Kontaktmöglichkeit bei Rückfragen
- Impressum und relevante Rechtstexte berücksichtigen
- Workflow benennen, z. B.: Flow Widerruf
- Workflow aktivieren
Schritt 6: Alles testen
Vor dem Livegang vollständig testen
- Formular einmal selbst ausfüllen und abschicken
- Kommt die interne Benachrichtigung bei dir an?
- Wird der Metaobjekt-Eintrag in Shopify erstellt?
- Wird die automatische Eingangsbestätigung an die eingetragene E-Mail versendet?
- Ist die Darstellung der Formularseite im Frontend sauber?
- Sind alle Pflichtfelder korrekt als Pflichtfelder angelegt?
Erst wenn alle Punkte funktionieren, den Widerrufsbutton öffentlich sichtbar schalten.
Schritt 7: Widerrufsbutton sichtbar im Shop platzieren
Der Button muss leicht auffindbar sein. Ein Link irgendwo versteckt in den AGB zählt nicht. Platziere ihn an mindestens zwei Stellen.
Menüpunkt anlegen
- Gehe zu Inhalte → Menüs
- Neuen Menüpunkt anlegen mit Verlinkung auf
/pages/widerrufsformular - Mögliche Bezeichnungen: Widerruf, Kauf widerrufen, Vertrag widerrufen
- Welche Formulierung rechtlich korrekt ist, bitte prüfen lassen
Im Footer platzieren
- Menüpunkt dem Footer-Menü hinzufügen
- Falls dein Theme einen Button-Block im Footer unterstützt: direkt als echten Button einbinden
- Falls nicht: Menüpunkt anlegen und per CSS optisch als Button hervorheben (klare Fläche, deutlich klickbar, hebt sich von normalen Footer-Links ab)
- Nach dem Speichern im Frontend prüfen: Button sichtbar und klickbar?
Im Kundenkonto platzieren
- Falls Kundenkonten aktiviert: unter Inhalte → Menüs einen Menüpunkt anlegen, der auf die Widerrufsformular-Seite verweist
- Kunden finden den Button damit direkt nach dem Login
Schritt 8: Widerrufsbelehrung in den Richtlinien ergänzen
Hinweis in den Shopify-Richtlinien einbauen
- Gehe zu Einstellungen → Richtlinien
- In der Widerrufsbelehrung ergänzen, dass Kunden den Widerruf auch über den Widerrufsbutton bzw. das Widerrufsformular erklären können
- Link auf die Formularseite direkt in den Text einbauen
So ist der Prozess nicht nur technisch eingebaut, sondern auch in deinen Rechtstexten nachvollziehbar verankert.
Zusammenfassung
Mit diesen acht Schritten hast du in Shopify einen vollständigen, kostenlosen Widerrufsprozess eingerichtet:
- Shopify Forms installieren und Formular erstellen
- Felder konfigurieren, Marketing deaktivieren, Erfolgsnachricht festlegen
- Neue Seite anlegen und Formular-ID notieren
- Eigenes Template im Theme erstellen, Formular einbinden
- Shopify Flow + Flow Mail einrichten, Eingangsbestätigung automatisieren
- Gesamten Ablauf testen
- Widerrufsbutton im Footer und Kundenkonto sichtbar platzieren
- Widerrufsbelehrung in den Richtlinien ergänzen
Das kostet keine laufenden App-Gebühren und ist ohne Entwickler-Kenntnisse umsetzbar. Wer Zeit sparen möchte, kann die Einrichtung auch auslagern.
Keine Zeit für die Einrichtung selbst?
Ich richte Widerrufsformular, automatische Eingangsbestätigung und Widerrufsbutton in deinem Shopify-Shop ein – schnell, sauber und ohne Rückfragen.
Jetzt kostenloses Erstgespräch buchen