Zum Hauptinhalt springen

Installationsanleitung

3 Min. · Einfach

BackToMe auf Webflow installieren.

Folgen Sie dem Weg für Webflow, fügen Sie Ihr Tag ein und prüfen Sie anschließend die Erkennung. Binden Sie den Button über Project Settings > Custom Code > Head Code ein.

Mein Tag abrufenSchritte 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 bei Webflow gehosteter Webflow-Shop (statische HTML-Exporte funktionieren ebenfalls, erfordern aber das Einfügen in die exportierte Datei)
  • Ein kostenpflichtiger Site-Tarif (Basic, CMS, Business oder Enterprise). Der kostenlose Starter-Tarif erlaubt das Gestalten, aber nicht das Veröffentlichen von Custom Code
  • Die Rechte Designer oder Editor mit Zugriff auf die Project Settings

Einfügeort in Webflow

In Project Settings > Custom Code > Head Code, global auf den gesamten Shop anzuwenden

  1. 01Öffnen Sie die Einstellungen Ihres Shops (aus dem Dashboard: „Custom code“ im linken Menü; oder aus dem Designer: Project Settings > Custom Code)
  2. 02Abschnitt „Custom Code“, suchen Sie das Feld „Head code“
  3. 03Fügen Sie das Tag in das Feld Head code ein
  4. 04Save changes
  5. 05Veröffentlichen Sie den Shop (Schaltfläche Publish oben rechts), damit das Tag auf der Produktivdomain aktiv ist

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 von einem Webflow-Shop entfernt

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

  • Unter einen kostenpflichtigen Site-Plan zurückfallen: der benutzerdefinierte Code wird gesperrt.
  • Das Projekt ändern, ohne neu zu veröffentlichen: benutzerdefinierter Code geht erst beim Publish live.
  • Benutzerdefinierter Code auf Seitenebene, der dem des Projekts vorgeht.

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.

  1. 01Öffnen Sie ein privates Fenster.
  2. 02Laden Sie eine öffentliche Shop-Seite.
  3. 03Prüfen Sie Position und Beschriftung des Buttons.
  4. 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.
Custom Code ohne kostenpflichtigen Site-Tarif gesperrt
Im kostenlosen Tarif (Starter) zeigt der Abschnitt Custom Code „To unlock custom code, add a site plan“: Custom Code UND die Veröffentlichung des Shops sind den kostenpflichtigen Site-Tarifen vorbehalten (Basic, CMS, Business, Enterprise). Ein Händler, der seinen Webflow-Shop bereits verkauft und veröffentlicht, hat zwangsläufig einen dieser Tarife; andernfalls fügen Sie einen Site-Tarif hinzu, bevor Sie BackToMe installieren.
Das Tag ist erst nach der Veröffentlichung aktiv
Webflow unterscheidet zwischen den Designer-Änderungen und der veröffentlichten Version. Solange Sie nicht auf Publish > Publish to Selected Domains geklickt haben, ist das Tag weder in der Subdomain *.webflow.io noch in Ihrer eigenen Domain. Veröffentlichen Sie nach jedem Hinzufügen von Custom Code erneut.
Limit von 10.000 Zeichen
Webflow begrenzt den Head Code auf 10.000 Zeichen. Das BackToMe-Tag hat weniger als 100, in Ihrem Fall also kein Risiko, aber wenn Sie mehrere Skripte ansammeln (Analytics, Pixel usw.), behalten Sie den unten im Feld angezeigten Zähler im Blick.
Custom Code pro Seite ebenfalls verfügbar
Wenn Sie möchten, dass der Button nur auf bestimmten Seiten erscheint (was für die Konformität nicht empfohlen ist), erlaubt Webflow auch Custom Code Seite für Seite über Page Settings > Custom Code. Für BackToMe empfehlen wir das globale Einbinden über die Project Settings.
Der Button erscheint nach der Veröffentlichung nicht
Öffnen Sie den Webflow-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 Webflow

Webflow University, Custom code in head and body tags

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

Andere Plattformen

Alle Anleitungen ansehen

Webflow: Das Tag kommt in den Project-Head, das war’s.

7 Tage kostenlos testen