Grimm einrichten

Grimm zu Bubble hinzufügen

Fügen Sie Grimm zu Ihrer Bubble-App hinzu, indem Sie eine Zeile in die Header-Skripte-Einstellung einfügen.

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. yourapp.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 die Header-Skripte ein

  1. Gehen Sie im Bubble-Editor zu Settings → SEO / metatags.
  2. Fügen Sie Ihr Grimm-Snippet in Script/meta tags in header ein.
  3. Speichern Sie, dann Deploy to Live.

Das Snippet kommt in den Header, aber das ist kein Problem — das Widget lädt asynchron und fügt die Bubble selbst hinzu.

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.

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