Grimm einrichten

Grimm zu Lovable hinzufügen

Lovable erstellt eine echte App, also fügen Sie Grimm wie auf jeder Website hinzu — eine Zeile vor dem schließenden Body-Tag.

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 das Snippet zu Ihrer App hinzu

  1. Öffnen Sie index.html in Ihrem Lovable-Projekt.
  2. Fügen Sie Ihr Grimm-Snippet direkt vor dem schließenden </body>-Tag ein.
  3. Veröffentlichen Sie Ihre App.

Oder bitten Sie einfach die KI von Lovable: fügen Sie das Snippet in einen Prompt ein und sagen Sie ihr, das Skript vor </body> hinzuzufügen.

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 · Bubble · Google Tag Manager · allgemeine Einrichtung.