BotChata

KI-Chatbot in WordPress einbinden — Schritt für Schritt in 5 Minuten

↑ Teil von KI-Chatbot für Website

Kurzfassung: Sie erstellen bei BotChata einen KI-Agenten, lassen ihn Ihre Website indexieren und fügen ein einziges Script-Tag in WordPress ein. Danach beantwortet der Chatbot Besucherfragen rund um die Uhr — nur auf Basis Ihrer eigenen Inhalte, in über 40 Sprachen. Keine Programmierkenntnisse nötig. DSGVO-konform, Hosting in Deutschland.

Kostenlos starten — ohne Kreditkarte · In 5 Minuten live · Für immer kostenloser Tarif

BotChata-Widget live auf einer WordPress-Seite

Was Sie brauchen (Voraussetzungen)

Hinweis zu WordPress.com: Das direkte Einbinden von Script-Tags ist nur in den Plänen Business oder höher möglich. Bei wordpress.org (selbst gehostet) funktioniert es in jedem Theme.

Teil 1 — BotChata einrichten (ca. 3 Minuten)

Schritt 1: Agenten anlegen und Website hinzufügen

Registrieren Sie sich auf botchata.net und öffnen Sie das Dashboard. Geben Sie unter Neue Website hinzufügen einen Website-Namen und Ihre Website-URL ein und klicken Sie auf Hinzufügen & Indexierung starten. Der Crawl beginnt automatisch.

Neue Website hinzufügen — Name und Website-URL

Für den Gratis-Start brauchen Sie keine Kreditkarte — nur Ihre E-Mail. (Den 7-tägigen Test der Premium-Funktionen aktivieren Sie später optional mit Karte; für diese Anleitung nicht nötig.)

Schritt 2: Indexierung abwarten

BotChata liest jede erreichbare Unterseite und macht daraus die Wissensbasis. Für ~50 Seiten dauert das 1–3 Minuten. Im Reiter Links sehen Sie jede gecrawlte Seite mit dem Status Indexiert — warten Sie, bis die Website Bereit anzeigt.

Reiter Links — alle Seiten indexiert

Warum das wichtig ist: Der Bot antwortet ausschließlich aus Ihren indexierten Inhalten. Steht eine Antwort nicht auf Ihrer Website, sagt er das ehrlich — statt etwas zu erfinden. Das schützt Ihre Glaubwürdigkeit.

Um später eine weitere Quelle hinzuzufügen (eine zweite Domain oder eine einzelne Seite), klicken Sie auf Link hinzufügen und wählen 🌐 Gesamte Website oder 📄 Einzelne Seite.

Quelle hinzufügen — Gesamte Website oder einzelne Seite

Schritt 3: Kurz testen

Wechseln Sie zum Reiter Übersicht und stellen Sie dem Bot im Live-Vorschaufenster ein paar typische Kundenfragen (z. B. „Was kostet die Lieferung?"). Stimmen die Antworten, geht es ans Einbinden.

Reiter Übersicht — Live-Vorschau des Chats

Schritt 4: Einbettungs-Code kopieren

Öffnen Sie den Reiter Widget und wechseln Sie zum Abschnitt Script. Kopieren Sie das Snippet neben Einbettungscode. Es sieht so aus:

Widget → Script — Einbettungscode mit Kopieren-Button

<script
  src="https://botchata.net/api/widget.js"
  data-api-key="IHR_SCHLUESSEL"
  data-api-url="https://botchata.net/api"
  defer
></script>

Das defer-Attribut sorgt dafür, dass das Widget asynchron lädt und Ihre Ladezeit (Core Web Vitals) nicht ausbremst. Das Widget läuft in einem isolierten Shadow-DOM — es kann das Design Ihres Themes nicht stören.

Teil 2 — Code in WordPress einfügen (ca. 2 Minuten)

Sie haben drei Wege. Methode A ist für die meisten die beste — ohne Code, update-sicher.

✅ Methode A (empfohlen): Über ein Header-/Footer-Plugin — ohne Code

Diese Methode überlebt Theme-Updates und braucht keinerlei Programmierung.

  1. Im WordPress-Adminbereich: Plugins → Installieren.
  2. Suchen Sie nach WPCode (früher „Insert Headers and Footers"), installieren und aktivieren Sie es.
  3. Gehen Sie zu Code Snippets → Header & Footer.
  4. Fügen Sie das kopierte BotChata-Script in das Feld Footer ein.
  5. Speichern. Fertig.

WPCode — Header & Footer, BotChata-Script im Feld Footer

Warum „Footer" und nicht „Header": Das Script gehört vor das schließende </body>-Tag — so lädt die Seite zuerst, das Widget danach.

Methode B: Block-Theme über den Website-Editor

Falls Sie ein modernes Block-Theme (z. B. Twenty Twenty-Four/Twenty Twenty-Five) nutzen, geht es auch ohne Plugin:

  1. Design → Editor öffnen.
  2. Vorlagen → Footer (oder die Vorlage, die auf allen Seiten erscheint) wählen.
  3. Einen Block „Individuelles HTML" am Ende einfügen und das Script einsetzen.
  4. Speichern.

Methode C: Manuell in der footer.php (für Entwickler)

Nur wenn Sie bewusst Theme-Dateien bearbeiten — und am besten in einem Child-Theme, sonst geht die Änderung beim nächsten Theme-Update verloren.

  1. Design → Theme-Datei-Editor.
  2. Datei footer.php öffnen.
  3. Das Script direkt vor </body> einfügen.
  4. Datei aktualisieren.

⚠️ Direkte Theme-Bearbeitung ist fehleranfällig und nicht update-sicher. Im Zweifel Methode A nutzen.

Schritt 3 — Prüfen, ob es funktioniert

  1. Öffnen Sie Ihre Website in einem neuen, privaten Browserfenster (Inkognito).
  2. Unten rechts erscheint die BotChata-Sprechblase.
  3. Klicken Sie darauf und stellen Sie eine echte Frage zu Ihrem Angebot.
  4. Der Bot sollte in wenigen Sekunden mit Inhalten von Ihrer Website antworten.

Sehen Sie das Widget? Dann sind Sie live. 🎉

DSGVO-Hinweis für deutsche Websites

Häufige Probleme (Troubleshooting)

ProblemLösung
Das Widget erscheint nicht.Leeren Sie Cache (Browser und Caching-Plugin wie WP Rocket/LiteSpeed). Prüfen Sie, ob das Script wirklich im Footer steht (Methode A erneut speichern).
Der Bot antwortet „Das weiß ich nicht".Die betreffende Seite ist evtl. nicht indexiert. In BotChata im Reiter Links prüfen und neu indexieren (ein Klick).
Das Widget kollidiert mit dem Design.Sollte durch das Shadow-DOM nicht passieren. Tritt es doch auf: Position/Z-Index im Widget-Builder (ab Business) anpassen.
Antwortet in der falschen Sprache.BotChata erkennt die Sprache des Besuchers automatisch (40+ Sprachen). Testen Sie mit einer deutschen Frage in einem frischen Fenster.
Ich nutze WordPress.com und sehe kein Code-Feld.Script-Einbettung gibt es erst ab dem Business-Plan von WordPress.com. Bei selbst gehostetem wordpress.org funktioniert jede Methode.

Häufige Fragen (FAQ)

Braucht BotChata ein WordPress-Plugin? Nein. Ein einziges Script-Tag genügt. Ein Header-/Footer-Plugin (Methode A) ist nur der bequemste, code-freie Weg, dieses Tag einzufügen — verpflichtend ist es nicht.

Ist das DSGVO-konform? Ja. Hosting in Deutschland (Hetzner), AVV inklusive, kein KI-Training mit Ihren Daten, und über Ihr Consent-Tool steuerbar. Details oben im DSGVO-Hinweis.

Erfindet der Bot Antworten? Nein. Er antwortet nur aus Ihren indexierten Website-Inhalten. Fehlt eine Information, sagt er das ehrlich, statt zu raten.

Was kostet das? Der Gratis-Start kostet 0 € (100 Nachrichten/Monat, Anmeldung ohne Kreditkarte). Bezahlte Tarife beginnen bei 29 €/Monat — fester Preis pro Tarif, keine Credits pro Nachricht.

Funktioniert es mit WooCommerce / Elementor / einem Page-Builder? Ja. Das Script lädt seitenweit über den Footer und ist unabhängig vom Theme oder Page-Builder. Für WooCommerce-spezifische Funktionen (Bestellstatus, Versand) gibt es zusätzliche Integrationen.

Verlangsamt das Widget meine Website? Nein. Es lädt asynchron (defer) in einem isolierten Shadow-DOM und blockiert das Rendern Ihrer Seite nicht.

Jetzt starten

Fügen Sie Ihrer WordPress-Seite in 5 Minuten einen KI-Chatbot hinzu, der Ihre Inhalte kennt.

Kostenlos starten — ohne Kreditkarte

In 5 Minuten eingerichtet. 100 Nachrichten/Monat gratis. DSGVO, Hosting in Deutschland.