Installationsanleitung

5 Min. · Mittel

BackToMe auf PrestaShop installieren.

Folgen Sie dem Weg für PrestaShop, fügen Sie Ihr Tag ein und prüfen Sie anschließend die Erkennung. Fügen Sie das Tag in die Datei head.tpl Ihres Themes ein oder über ein Code-Injektions-Modul.

Mein Tag abrufen Schritte ansehen

Installation

Vor dem Kopieren des Tags.

Prüfen Sie die erforderlichen Zugänge und verwenden Sie danach den für Ihre Plattform angegebenen Ort.

Voraussetzungen

Ein PrestaShop-Shop 1.7, 8.x oder 9.x (die Versionen 1.6 und früher funktionieren, werden aber nicht mehr gepflegt und haben eine andere Dateistruktur)
Ein Administratorzugang zu Ihrem Back-Office (Profil SuperAdmin)
Ein Zugang zu den Theme-Dateien (FTP, SFTP oder Dateimanager Ihres Hosters) oder die Möglichkeit, ein Modul zu installieren

Einfügeort in PrestaShop

Zuverlässige Methode: das Tag in die head.tpl des Themes einfügen, direkt vor </head>. Alternative ohne Datei: ein Code-Injektions-Modul.

01Per Datei (zuverlässig, alle Versionen): Verbinden Sie sich per FTP, SFTP oder über den Dateimanager Ihres Hosters mit den Dateien Ihres Themes
02Öffnen Sie themes/[Ihr-Theme]/templates/_partials/head.tpl (Standard-Theme: themes/classic/). Prüfen Sie genau head.tpl, die den <head> enthält, nicht zu verwechseln mit header.tpl (der sichtbare Seitenkopf: Logo, Menü, Warenkorb)
03Fügen Sie das BackToMe-Tag direkt vor dem Tag </head> ein und speichern Sie die Datei
04Leeren Sie den Cache: Back-Office, Erweiterte Einstellungen > Leistung > Cache leeren
05Alternative ohne Dateiänderung: Installieren Sie ein Code-Injektions-Modul (Typ „Custom Code“), fügen Sie die Zeile in dessen Header-Feld (head) ein und speichern Sie. Prüfen Sie zuvor die Kompatibilität: Kostenlose Module unterstützen PrestaShop 8 und 9 nicht immer

BackToMe-Tag kopieren

Ersetzen Sie IHRE_ID durch die Shop-Kennung aus Ihrem Konto.

Speichern und veröffentlichen

Die Änderung muss in der Version veröffentlicht sein, die Ihre Kunden tatsächlich sehen.

Tag zum Einfügen in den <head>

<script async src="https://backtome.fr/widget.js" data-site="IHRE_ID"></script>

Auf Dauer

Was den Button aus einem PrestaShop-Shop entfernt

Ein Update oder Theme-Wechsel kann ein zuvor funktionierendes Skript entfernen.

Ein Theme-Update, das head.tpl neu schreibt und die Änderung löscht.
Der nicht geleerte Cache nach einer Änderung: die alte Ausgabe wird weiter ausgeliefert.
Ein Template-Override, das die Hoheit über die bearbeitete Datei zurücknimmt.

BackToMe verfolgt das letzte empfangene Signal

Das Dashboard zeigt die letzte Erkennung des Tags. Wenn der Button verschwindet, haben Sie einen genauen Ausgangspunkt für die Shop-Prüfung.

Prüfung

Prüfen Sie den veröffentlichten Shop.

Verlassen Sie sich nicht nur auf die Bestätigung des Editors. Öffnen Sie die öffentliche Website und prüfen Sie, was wirklich geladen wird.

Erwartetes Ergebnis

Der Status wechselt in BackToMe zu Erkannt und der Button erscheint im öffentlichen Shop.

01Öffnen Sie ein privates Fenster.
02Laden Sie eine öffentliche Shop-Seite.
03Prüfen Sie Position und Beschriftung des Buttons.
04Öffnen Sie das Formular, ohne einen echten Widerruf abzusenden.

Nach dem Klick

Jeder Widerruf wird zu einem prüfbaren Vorgang.

BackToMe erfasst den Widerruf, sendet die Empfangsbestätigung und bewahrt die Angaben für die Bearbeitung auf. Das Zertifikat nennt genau, was geprüft werden kann.

Zertifikat verstehen

Fehlerbehebung

Die häufigsten Blockaden.

Jede Antwort lässt sich schließen und mit der Tastatur bedienen.

head.tpl und header.tpl: nicht verwechseln

Das Tag </head> befindet sich in themes/[Ihr-Theme]/templates/_partials/head.tpl. Die Datei header.tpl enthält hingegen den sichtbaren Seitenkopf (Logo, Menü, Warenkorb): Das Tag dort einzufügen würde es nicht in den <head> einbinden. Bearbeiten Sie genau head.tpl.

Leeren Sie nach jeder Änderung den Cache

PrestaShop cacht die kompilierten Templates (.tpl) aggressiv. Ohne den Cache zu leeren, erscheint Ihr Tag nicht, selbst wenn die Datei korrekt ist. Die Schaltfläche „Cache leeren“ finden Sie unter Erweiterte Einstellungen > Leistung, oben rechts.

Standard-Theme: Vorsicht bei Updates

Die head.tpl des Themes Classic direkt zu ändern funktioniert, aber Ihre Zeile kann bei einem Theme-Update überschrieben werden. Für eine Produktivseite bevorzugen Sie ein Child-Theme oder die Modul-Methode, die Updates überstehen.

Eine zu strenge CSP blockiert den Button

Wenn ein Sicherheitsmodul eine Content-Security-Policy vorgibt, erlauben Sie https://backtome.fr in script-src und die Anfragen an die api-Subdomain in connect-src, sonst blockiert der Browser das Laden des Skripts.

Der Button erscheint nach der Veröffentlichung nicht

Öffnen Sie den PrestaShop-Shop in einem privaten Fenster. Prüfen Sie danach das veröffentlichte Theme, die Tag-Kennung und den Einfügeort im head.

Der Status bleibt auf Nicht erkannt

Das Tag meldet sich, wenn eine öffentliche Seite es lädt. Besuchen Sie den veröffentlichten Shop in einem privaten Fenster und aktualisieren Sie danach den Status in BackToMe.

Das Formular öffnet sich nicht

Testen Sie ohne Browser-Erweiterungen. Prüfen Sie außerdem die CSP-Richtlinie und Werkzeuge, die externe Skripte blockieren.

Kann mein Entwickler die Installation übernehmen?

Ja. Senden Sie das Tag und diese Anleitung. Für das Einfügen der Zeile ist kein Zugang zu Ihrem Konto erforderlich.

Offizielle Dokumentation von PrestaShop

PrestaShop DevDocs, ein Theme anpassen PrestaShop, den Cache leeren

Noch blockiert? Kontaktieren Sie uns mit Shop-URL und Screenshot.

Andere Plattformen

Alle Anleitungen ansehen

Ein Injection-Modul, und PrestaShop ist konform.

7 Tage kostenlos testen