Installationsanleitung
Widerrufsbutton in Shopify installieren
Fügen Sie den Code einmal in Ihr Theme ein, und der Widerrufslink erscheint auf jeder Storefront-Seite, die das Theme ausgibt.
Bevor Sie beginnen
Shop in Clawzia anlegen
Registrieren Sie sich mit Ihrer E-Mail-Adresse, legen Sie den Shop an, wählen Sie sein Land und seine Standardsprache und geben Sie die E-Mail-Adresse ein, die Benachrichtigungen über Widerrufe erhält.
Domains Ihres Shops zulassen
Fügen Sie alle Domains, unter denen Ihr Shop läuft, zu den zugelassenen Domains hinzu, zum Beispiel mit und ohne www sowie die Plattformadresse Ihres Shops. Auf anderen Domains zeigt das Widget nur einen Link zum gehosteten Formular an, mit dem Wortlaut der EU-Richtlinie auf Englisch.
Code kopieren
Kopieren Sie den Code von der Seite „Installation“ Ihres Dashboards (bei den Plugins nur den öffentlichen Schlüssel, der mit pk_ beginnt). Der öffentliche Schlüssel ist kein Geheimnis.
Beide Shopify-Adressen erlauben
Tragen Sie Ihre eigene Domain und Ihre Adresse
your-store.myshopify.combei den erlaubten Domains ein.
Code in Ihr Theme einfügenEmpfohlen
Theme sichern
Duplizieren Sie zuerst Ihr aktives Theme, damit Sie bei Bedarf zurückgehen können.
Wo: Onlineshop → Themes → … neben dem aktiven Theme → Duplizieren
Screenshot folgt: Onlineshop → Themes mit dem …-Menü des aktiven Themes.
Theme-Code öffnen
Öffnen Sie den Code-Editor des aktiven Themes und die Datei
layout/theme.liquid.Wo: … neben dem aktiven Theme → Code bearbeiten →
layout/theme.liquidCode vor dem schließenden Body-Tag einfügen
Fügen Sie den Code aus Ihrem Dashboard in die Zeile direkt vor
</body>ein und klicken Sie auf Speichern. Bei Shops mit mehreren Sprachen ergänzen Sie im Script-Tag die Seitensprache:data-lang="{{ request.locale.iso_code }}".Installationscode (Beispiel) <script src="https://clawzia.com/widget.js" data-shop="pk_YOUR_SHOP_KEY" defer></script> <noscript><a href="https://clawzia.com/w/k/pk_YOUR_SHOP_KEY">[Widerrufswortlaut aus Ihrem Dashboard]</a></noscript>Ihren persönlichen Code mit Ihrem Shop-Schlüssel finden Sie nach der Registrierung im Dashboard. Die zweite Zeile (noscript) verlinkt Besucher ohne JavaScript auf Ihr gehostetes Widerrufsformular. Ihr Linktext ist der rechtliche Wortlaut für das Land Ihres Shops, den das Dashboard oder unsere Plugins für Sie ausgeben: Geben Sie ihn niemals selbst ein und übersetzen Sie ihn nicht. Enthält der Code in Ihrem Dashboard keine noscript-Zeile, lassen Sie sie weg.
Screenshot folgt: theme.liquid mit dem Code vor dem schließenden Body-Tag.
Nach Theme-Änderungen wiederholen
Theme-Updates und ein neues Theme ersetzen
theme.liquid: Fügen Sie den Code erneut ein, wenn Sie das Theme aktualisieren oder wechseln.
Gut zu wissen
- Der Link erscheint auf allen Storefront-Seiten, die das Theme ausgibt. Der Checkout und die neuen Kundenkonto-Seiten führen keinen Theme-Code aus, der Link wird dort also nicht angezeigt; fragen Sie Ihre Beraterin oder Ihren Berater, ob das für Ihren Shop genügt.
- Optional können Sie der Bestellbestätigung eine Zeile hinzufügen (Einstellungen → Benachrichtigungen → Bestellbestätigung), die auf Ihr gehostetes Widerrufsformular verweist, mit dem Wortlaut genau so, wie Ihr Dashboard ihn anzeigt. Tippen oder übersetzen Sie den Wortlaut nie selbst.
Shopify-AppGeplant
App-Embed einschalten
Sobald die App verfügbar ist, schalten Sie den Clawzia-App-Embed im Theme-Editor ein.
Wo: Onlineshop → Themes → Anpassen → App-Embeds
Installation prüfen
Shop in einem privaten Fenster öffnen
Der Widerrufslink erscheint am Ende Ihrer Fußzeile oder als schwebende Schaltfläche, je nach der Position, die Sie im Dashboard gewählt haben.
Mit der Tastatur testen
Drücken Sie die Tabulatortaste, bis der Link den Fokus hat, und dann die Eingabetaste: Das zweistufige Widerrufsformular öffnet sich. Mit Esc schließen Sie es.
Prüfen, dass der Code genau einmal vorhanden ist
Rufen Sie den Seitenquelltext auf und suchen Sie nach data-shop="pk_. Das Script-Tag sollte genau einmal pro Seite vorkommen.
Test-Widerruf senden
Senden Sie einen Widerruf mit Ihrer eigenen E-Mail-Adresse und der Bestellnummer TEST. Prüfen Sie die Bestätigungs-E-Mail und ihren Beleglink und schließen Sie dann die Anfrage in Ihrem Dashboard.
Wenn der Link nicht erscheint
Sendet Ihre Website eine Content Security Policy, erlauben Sie https://clawzia.com in script-src und connect-src. Schließen Sie widget.js von Zusammenfassen, Minimieren und Funktionen wie „JavaScript verzögern“ in Optimierungs-Plugins und CDNs aus.