Installationsanleitung

Widerrufsbutton in PrestaShop installieren

Bis ein eigenes Clawzia-Modul für PrestaShop verfügbar ist, fügen Sie den Code mit einem Modul für eigenen Code oder in Ihrem Child-Theme ein.

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.
Multistore: jede Shop-Domain erlauben
Bei mehreren Shops in einer PrestaShop-Installation tragen Sie jede Shop-Domain bei den erlaubten Domains ein.

Modul für eigenen Code wählen
Nutzen Sie ein Modul, das eigenes HTML und JavaScript am Hook displayBeforeBodyClosingTag einfügt (PrestaShop 1.7 und 8). Module, die nur HTML-Inhalte akzeptieren, etwa Textblöcke, entfernen Script-Tags und funktionieren nicht.
2
Code für alle Seiten einfügen
Fügen Sie den Code aus Ihrem Dashboard in das Modul ein und aktivieren Sie es für alle Seiten.
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: Ein Modul für eigenen Code mit dem Code.
Cache leeren
Leeren Sie den PrestaShop-Cache, damit der neue Code angezeigt wird.
Wo: Erweiterte Einstellungen → Leistung → Cache leeren

1
Layout-Template bearbeiten
Fügen Sie den Code in Ihrem Child-Theme (damit Theme-Updates ihn nicht überschreiben) direkt vor </body> in templates/layouts/layout-both-columns.tpl ein. Bei Shops mit mehreren Sprachen ergänzen Sie im Script-Tag die Seitensprache: data-lang="{$language.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: Die Template-Datei mit dem Code vor dem schließenden Body-Tag.
Cache leeren
Leeren Sie den PrestaShop-Cache, damit das geänderte Template verwendet wird.
Wo: Erweiterte Einstellungen → Leistung → Cache leeren

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.

Legen Sie Ihren Shop an, um Ihren Code zu erhalten, und folgen Sie dann den obigen Schritten.