Grimm einrichten

Grimm zu Webflow hinzufügen

Fügen Sie Grimm zu Ihrer Webflow-Website hinzu, indem Sie eine Zeile in den seitenweiten Footer-Code einfügen und dann veröffentlichen.

Bevor Sie starten

Sie brauchen einen Grimm-Chatbot (erstellen Sie einen in Ihrem Dashboard), etwas indexierten Inhalt im Tab Wissen und ein positives Guthaben unter Guthaben, damit Grimm antworten kann.

1. Erlauben Sie Ihre Domain

Fügen Sie im Tab Domains die Domain hinzu, auf der Grimm leben wird (z. B. yoursite.com). Das ist vor dem Einbetten erforderlich — es verhindert, dass jemand anderes Ihr Snippet auf Ihr Guthaben nutzt.

2. Kopieren Sie Ihr Snippet

Öffnen Sie den Tab Integration und kopieren Sie das Skript — es enthält bereits Ihre Chatbot-ID:

<script src="https://grimmchat.com/widget.js" data-chatbot-id="YOUR_CHATBOT_ID"></script>

3. Fügen Sie es in den Footer-Code Ihrer Website ein

  1. Öffnen Sie die Site Settings → Custom Code Ihres Projekts.
  2. Fügen Sie Ihr Grimm-Snippet in das Feld Footer Code ein (es lädt vor </body>).
  3. Save Changes, dann Publish Ihrer Website.

4. Prüfen Sie es und wählen Sie, wo es erscheint

Öffnen Sie Ihre Website — Grimm erscheint als kleine Bubble in der Ecke. Um es nur auf bestimmten Seiten zu zeigen oder auf einigen auszublenden, nutzen Sie den Tab Seiten in Ihrem Dashboard.

Fehlerbehebung

  • Die Bubble erscheint nicht — prüfen Sie, dass das Snippet auf jeder Seite lädt (auf der gesamten Website, vor </body>) und die Chatbot-ID korrekt ist.
  • „Domain nicht erlaubt" — fügen Sie die Domain Ihrer Website im Tab Domains hinzu.
  • Gerade etwas geändert und sehen es nicht? Ihr Browser speichert das Widget vielleicht im Cache — versuchen Sie ein privates Fenster.
Hinweis: Seitenweiter Custom Code erfordert einen kostenpflichtigen Webflow-Site-Plan. Auf einer kostenlosen Site können Sie stattdessen ein Embed-Element zu einer Seite hinzufügen — es erscheint dann aber nur auf dieser Seite.

Weitere Plattformen: WordPress · Shopify · Wix · Framer · Squarespace · Hostinger · Bubble · Lovable · Google Tag Manager · allgemeine Einrichtung.