Widerrufsformular im Shop veröffentlichen

Bevor Sie beginnen

Sie haben den Einrichtungsassistenten abgeschlossen und Zugriff auf den Theme-Editor Ihres Shops.

Drei Arten, das Formular zu zeigen

Die App fügt Ihrem Theme drei Blöcke hinzu. Sie zeigen dasselbe Formular auf drei Arten und lassen sich auch kombinieren.

Auf der Seite Formular-Editor der App heißen dieselben Blöcke „EU-Widerrufsformular“, „Widerruf-Popup“ und „Schwebende Schaltfläche“.

Tipp: Am häufigsten ist eine eigene Seite mit dem Block Module, verlinkt im Footer-Menü, plus der Button Floating auf allen Seiten.

Methode 1 — Eigene Seite mit dem Block Module

Seitenvorlage erstellen

1. Gehen Sie im Shopify-Adminbereich zu Online-Shop › Themes.

2. Klicken Sie beim veröffentlichten Theme auf Anpassen.

   Das sehen Sie: Der Theme-Editor öffnet sich mit der Vorschau der Startseite.

3. Öffnen Sie oben die Vorlagenauswahl (meist steht dort „Startseite“) und klicken Sie auf Vorlage erstellen.

4. Wählen Sie als Basis Seite, vergeben Sie einen Namen wie widerruf und bestätigen Sie.

   Das sehen Sie: Der Editor zeigt die neue, noch leere Seitenvorlage.

Seite erstellen und Vorlage zuweisen

1. Gehen Sie in einem anderen Tab zu Online-Shop › Seiten und klicken Sie auf Seite hinzufügen.
2. Geben Sie einen Titel ein, zum Beispiel Widerruf / Widerrufsrecht.
3. Wählen Sie rechts unter Theme-Vorlage die eben erstellte Vorlage.
4. Klicken Sie auf Speichern.

Block Module hinzufügen

1. Gehen Sie zurück in den Theme-Editor und öffnen Sie die neue Seite (über die Vorlagenauswahl Ihre Vorlage wählen).
2. Klicken Sie in der linken Seitenleiste unter Apps auf Block hinzufügen.

3. Wählen Sie Module.

   Das sehen Sie: In der Vorschau erscheint das Formular „Widerrufsantrag“ mit der Leiste der 3 Schritte.

4. Klicken Sie oben rechts auf Speichern.

Achtung: Sobald Sie das veröffentlichte Theme speichern, sehen Kunden das Formular auf der neuen Seite.

Methode 2 — Pop-up-Button auf einer Seite

1. Öffnen Sie im Theme-Editor die Seite, auf der der Button stehen soll.

2. Klicken Sie in der linken Seitenleiste unter Apps auf Block hinzufügen und wählen Sie Pop-up.

   Das sehen Sie: In der Vorschau erscheint ein Button. Ein Klick darauf öffnet das Formular in einem Fenster.

3. In den Block-Einstellungen können Sie unter Trigger-Button-Text (Art. 11a) den Button-Text eingeben. Leer bleibt der Standardtext.
4. Klicken Sie auf Speichern.

Methode 3 — Der Button Floating

1. Öffnen Sie im Theme-Editor den Bereich App-Einbettungen (das App-Symbol in der linken Seitenleiste).

2. Suchen Sie Floating von IFG Returns und schalten Sie den Schalter ein.

   Das sehen Sie: Unten in der Vorschau erscheint der schwebende Button.

3. Öffnen Sie die Einstellungen von Floating, wenn Sie Position und Text ändern möchten:
   • Nur auf dieser Seite anzeigen: leer lassen, damit der Button auf allen Seiten erscheint; eine Seite wählen, damit er nur dort erscheint.
   • Horizontale Position: rechts oder links.
   • Abstand vom unteren Rand: wie viele Pixel über dem unteren Rand.
   • Schwebender Button-Text (Art. 11a): der Button-Text.
4. Klicken Sie auf Speichern.

Steht in derselben Ecke schon ein anderer fester Button, etwa ein Chat, rückt der schwebende Button von selbst nach oben, damit er ihn nicht verdeckt.

Seite im Footer verlinken

Damit Kunden den Widerruf immer finden, nehmen Sie die neue Seite in das Footer-Menü Ihres Shops auf, in den Navigationsmenüs von Shopify. Der Linktext kann zum Beispiel „Widerruf“ lauten.

Prüfen, ob das Formular aktiv ist

1. Öffnen Sie die App: Apps › IFG Returns › Übersicht.

2. Klicken Sie im Bereich Status der Theme-Integration auf Aktivierung prüfen.

   Das sehen Sie: Der Button zeigt „Wird geprüft…“, dann hat jede Zeile ihren Status: „Floating-Button“ Aktiv oder Inaktiv, „Eingebettetes Formular“ und „Popup-Button“ Hinzugefügt oder Nicht hinzugefügt.

3. Prüfen Sie auch das Abzeichen oben: Mit mindestens einem aktiven Block, akzeptiertem AVV und ausgefüllten Rechtsdaten lautet es „Konform mit Art. 9 EU-Richtlinie 2011/83/EU“.

Die Prüfung betrachtet nur das veröffentlichte Theme. Ein Block in einem Entwurfs-Theme zählt nicht.

Wenn etwas nicht klappt

In der Seitenleiste finde ich den Bereich Apps oder den Button Block hinzufügen nicht. Ihr Theme erlaubt an dieser Stelle keine App-Blöcke. Nutzen Sie den Button Floating über „App-Einbettungen“ oder versuchen Sie den Block in einem anderen Abschnitt der Seite.

Die Übersicht zeigt „Nicht hinzugefügt“, obwohl ich den Block eingefügt habe. Prüfen Sie, ob Sie im Theme-Editor auf Speichern geklickt haben, und zwar im veröffentlichten Theme. Klicken Sie dann erneut auf Aktivierung prüfen.

Ich habe das Formular in der Editor-Vorschau abgeschickt und sehe „Vorschaumodus: Es wurde keine Anfrage tatsächlich gesendet.“ Das ist normal: Im Theme-Editor legt das Formular keine echten Anfragen an. Testen Sie im veröffentlichten Shop, wie unter Was der Kunde sieht beschrieben.

Nächster Schritt

Was der Kunde sieht