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
Was Sie brauchen (Voraussetzungen)
- Eine WordPress-Website (selbst gehostet,
wordpress.org) mit Administrator-Zugang. - Ein BotChata-Konto — der Gratis-Start genügt (Anmeldung mit E-Mail, ohne Kreditkarte).
- 5 Minuten Zeit. Kein Code, kein Entwickler.
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.

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.

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.

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.

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:

<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.
- Im WordPress-Adminbereich: Plugins → Installieren.
- Suchen Sie nach WPCode (früher „Insert Headers and Footers"), installieren und aktivieren Sie es.
- Gehen Sie zu Code Snippets → Header & Footer.
- Fügen Sie das kopierte BotChata-Script in das Feld Footer ein.
- Speichern. Fertig.
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:
- Design → Editor öffnen.
- Vorlagen → Footer (oder die Vorlage, die auf allen Seiten erscheint) wählen.
- Einen Block „Individuelles HTML" am Ende einfügen und das Script einsetzen.
- 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.
- Design → Theme-Datei-Editor.
- Datei
footer.phpöffnen. - Das Script direkt vor
</body>einfügen. - Datei aktualisieren.
⚠️ Direkte Theme-Bearbeitung ist fehleranfällig und nicht update-sicher. Im Zweifel Methode A nutzen.
Schritt 3 — Prüfen, ob es funktioniert
- Öffnen Sie Ihre Website in einem neuen, privaten Browserfenster (Inkognito).
- Unten rechts erscheint die BotChata-Sprechblase.
- Klicken Sie darauf und stellen Sie eine echte Frage zu Ihrem Angebot.
- 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
- Hosting in Deutschland: BotChata läuft bei Hetzner in Deutschland; Daten verlassen die EU nicht ohne Einwilligung, und es findet kein KI-Training mit Ihren Daten statt.
- Auftragsverarbeitung: Schließen Sie den AVV mit BotChata ab und nennen Sie das Tool in Ihrer Datenschutzerklärung.
- Consent-Tool (z. B. Borlabs Cookie, Complianz): Wenn Sie ein Cookie-/Consent-Banner nutzen, ordnen Sie das BotChata-Script der passenden Kategorie zu, damit es erst nach Einwilligung lädt — viele Consent-Plugins erlauben das per Häkchen, ganz ohne Code.
- EU-AI-Act-konform: Besucher erkennen vor dem ersten Chat, dass sie mit einer KI sprechen — die Transparenzpflicht nach Art. 50 (ab August 2026) ist standardmäßig erfüllt.
Häufige Probleme (Troubleshooting)
| Problem | Lö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.