Kostenloser ScanGratis-Scan

Installationsanleitung · App, noch nicht im Store

Besucher-Toolbar in eine Webflow-Website einbinden

Vom Veröffentlicht

So binden Sie die Besucher-Toolbar in Webflow ein. Mit der Toolbar passen Besucher an, wie Ihre Seiten für sie selbst aussehen und sich lesen lassen. Sie behebt nichts an Ihrer Website, ändert nichts daran, ob sie WCAG oder BFSG erfüllt, und unsere Scans sehen sie nie.

Bevor Sie anfangen

  • Ihr Website-Schlüssel. Sie finden ihn im Reviseberg-Dashboard unter Settings › Visitor toolbar, im Tab Install. In den Schritten unten steht dafür YOUR-SITE-KEY.
  • Schalten Sie die Toolbar auf derselben Seite für Ihre Website ein. Solange sie aus ist, lädt das Tag, zeigt aber nichts an.
  • Was die Plattform voraussetzt: ein kostenpflichtiger Site-Plan.

Der Code

Ersetzen Sie YOUR-SITE-KEY durch Ihren Schlüssel. Im Dashboard steht dasselbe Tag mit Ihrem Schlüssel schon darin.

<script src="https://reviseberg.com/widget/v1.js" data-site-key="YOUR-SITE-KEY" defer></script>

Schritte

  1. Öffnen Sie Site settings › Custom code.
  2. Fügen Sie das Tag in Footer code (vor dem </body>-Tag) ein und ersetzen Sie YOUR-SITE-KEY durch Ihren Schlüssel.
  3. Klicken Sie auf Save changes und veröffentlichen Sie die Website.

Gut zu wissen

Eigener Code läuft auf der veröffentlichten Website, nicht im Designer.

Website-weiten eigenen Code führt Webflow nur mit einem kostenpflichtigen Site-Plan aus.

Eine Reviseberg-App für Webflow ist gebaut, aber noch nicht im Webflow Marketplace. Bis dahin kommt die Toolbar auf diesem Weg auf eine Webflow-Website.

Prüfen, ob es funktioniert

  • Öffnen Sie eine Seite Ihrer Website in einem privaten Fenster – nicht im Editor oder in der Vorschau der Plattform, wo die meisten Plugins das Tag absichtlich weglassen.
  • Suchen Sie im Seitenquelltext oder im Elemente-Bereich der Entwicklertools nach widget/v1.js. Es sollte genau ein Tag geben, mit Ihrem Schlüssel.
  • Die Schaltfläche der Toolbar erscheint, sobald die Toolbar im Dashboard eingeschaltet ist. Auf derselben Seite steht unter „Last seen on your site“, wann das Tag zuletzt auf einer Ihrer Seiten geladen wurde.
  • Keine Schaltfläche? In der Browserkonsole steht eine Zeile, die mit „Reviseberg toolbar:“ beginnt und den Grund nennt – etwa einen Schlüssel in der falschen Form oder das Tag doppelt auf der Seite.
  • Die Toolbar antwortet nur auf den Adressen, die unter Settings › Visitor toolbar erlaubt sind; die Adresse Ihrer Website ist es immer. Tragen Sie eine Staging-Adresse dort ein, bevor Sie darauf testen.

Weiter