Chatbot für WordPress einbinden: Anleitung

Einen Chatbot binden Sie in WordPress ein, indem Sie das JavaScript-Snippet des Anbieters vor dem schließenden </body>-Tag Ihrer Seite einfügen, entweder über ein Plugin zum Einfügen von Code in Header und Footer oder direkt im Theme. Ein spezielles Chatbot-Plugin ist dafür nicht zwingend nötig. In dieser Anleitung zeigen wir beide Wege am Beispiel eines KI-Chatbots von Chatvise.

Chatbot-Plugin oder Code-Snippet: Welcher Weg passt?

Für WordPress gibt es zwei Arten, einen Chatbot auf die Website zu bringen:

• Eigenständiges Chatbot-Plugin: Der Chatbot läuft als Erweiterung innerhalb von WordPress. Konfiguration und teils auch die KI-Anbindung liegen dann in Ihrer WordPress-Installation.
• Externer Chatbot per Code-Snippet: Der Chatbot wird bei einem Anbieter eingerichtet und über ein kurzes Skript auf jeder Seite geladen. WordPress liefert nur das Snippet aus.

Chatvise nutzt den zweiten Weg. Es gibt kein eigenes Chatvise-Plugin für WordPress; das Snippet funktioniert auf jeder Website, auf der Sie HTML-Code einfügen können. Der Vorteil: Einstellungen wie Farben, Icon, Titel oder Beschreibung ändern Sie im Chatvise-Dashboard, und sie werden automatisch auf Ihrer Website aktiv, ohne dass Sie den Code erneut einbinden müssen.

Voraussetzungen

• Ein WordPress-Konto mit Administratorrechten.
• Ein eingerichteter Chatbot, zum Beispiel ein kostenloses Chatvise-Konto mit verbundener Domain.
• Bei Variante B: ein Child-Theme oder ein Theme, dessen Dateien bei Updates nicht überschrieben werden.

Schritt 1: Chatbot einrichten und trainieren

Legen Sie in Chatvise Ihre Domain an und hinterlegen Sie das Wissen, mit dem der Chatbot antworten soll: Website-Inhalte, FAQ und weitere Informationen in der Wissensdatenbank. Passen Sie Farben, Icon und Begrüßung an Ihre Website an. Wie das im Detail funktioniert, zeigt die Seite KI-Chatbot erstellen.

Schritt 2: Code-Snippet kopieren

Öffnen Sie im Dashboard Ihre Domain und wechseln Sie in den Reiter „Integration“. Unter „Manuelle Integration“ finden Sie das Snippet, das Sie mit „Kopieren“ in die Zwischenablage übernehmen. Es enthält Ihre Domain-ID und die eingestellte Chatbot-Breite und besteht aus einem kurzen Skript, das das Chat-Widget asynchron nachlädt, sowie einem Fallback-Link für Browser ohne JavaScript. Verwenden Sie immer das Snippet aus Ihrem Dashboard, nicht ein Beispiel aus einer Anleitung.

Schritt 3: Snippet in WordPress einfügen

Das Snippet gehört vor das schließende </body>-Tag. In WordPress ist das der Footer-Bereich, der auf jeder Seite ausgegeben wird.

Variante A: Mit einem Plugin für Header- und Footer-Code (empfohlen)

1. Installieren Sie unter „Plugins“ → „Installieren“ ein Plugin zum Einfügen von Code in Header und Footer, zum Beispiel WPCode.
2. Öffnen Sie die Einstellungen für globale Header- und Footer-Skripte des Plugins.
3. Fügen Sie das kopierte Chatvise-Snippet in das Feld für den Footer ein.
4. Speichern Sie die Änderung.

Diese Variante funktioniert mit klassischen Themes und Block-Themes gleichermaßen und überlebt Theme-Updates.

Variante B: Direkt im Theme

1. Öffnen Sie bei einem klassischen Theme unter „Design“ → „Theme-Datei-Editor“ die Datei footer.php Ihres Child-Themes.
2. Fügen Sie das Snippet direkt vor dem schließenden </body>-Tag ein.
3. Speichern Sie die Datei.

Ändern Sie nach Möglichkeit nicht das Eltern-Theme, sonst geht der Code beim nächsten Theme-Update verloren. Bei Block-Themes gibt es keine footer.php in dieser Form, nutzen Sie dort Variante A.

Variante C: Integration durch das Chatvise-Team

Wenn Sie keinen Code anfassen möchten, buchen Sie im Reiter „Integration“ die professionelle Integration für einmalig 99 €. Das Team übernimmt Einbindung, Konfiguration und Test. Alle Wege beschreibt die Dokumentation zur Chatbot-Integration.

Schritt 4: Chatbot testen

Rufen Sie Ihre Website in einem privaten Browserfenster auf. Der Chatbot erscheint unten rechts. Stellen Sie einige typische Kundenfragen und prüfen Sie die Antworten. Sehen Sie den Chatbot nicht, leeren Sie den Cache Ihres Caching- oder Optimierungs-Plugins und prüfen Sie, ob ein Plugin zum Zusammenfassen oder Verzögern von JavaScript das Skript blockiert.

Typische Probleme und Lösungen

Problem	Mögliche Ursache	Lösung
Chatbot erscheint nicht	Seiten-Cache liefert alte Version aus	Cache im Caching-Plugin und beim Hoster leeren
Chatbot erscheint nicht	Optimierungs-Plugin verändert oder verzögert Skripte	Chatvise-Snippet von der Optimierung ausnehmen
Code nach Update verschwunden	Snippet im Eltern-Theme eingefügt	Plugin für Footer-Code oder Child-Theme verwenden
Snippet wird als Text angezeigt	Code in einen Text-Block statt in den Footer-Code eingefügt	Snippet in das Footer-Feld des Plugins verschieben

Was kann ein KI-Chatbot auf Ihrer WordPress-Website?

Ein KI-Chatbot beantwortet Besucherfragen auf Basis Ihrer eigenen Inhalte, rund um die Uhr. Mit Chatvise können Sie unter anderem:

• den Chatbot mit Ihren Website-Inhalten, FAQ und einer Wissensdatenbank trainieren,
• E-Mail-Adressen und Telefonnummern von Interessenten erfassen,
• Gespräche an Mitarbeitende übergeben,
• Termine direkt im Chat buchen lassen,
• Produkte empfehlen, die Sie im Dashboard hinterlegt haben, etwa für einen WooCommerce-Shop.

Mehr zu den Einbindungsmöglichkeiten lesen Sie auf der Seite zur einfachen Integration. Was der Betrieb kostet, erklärt unser Leitfaden zu Chatbot-Kosten.

Häufige Fragen zum Chatbot für WordPress

Brauche ich ein Chatbot-Plugin für WordPress?

Nicht zwingend. Viele Chatbots, darunter Chatvise, werden per Code-Snippet eingebunden. Ein allgemeines Plugin für Header- und Footer-Code erleichtert das Einfügen, ein spezielles Chatbot-Plugin ist nicht nötig.

Wo füge ich den Chatbot-Code in WordPress ein?

Vor dem schließenden </body>-Tag, also im Footer-Bereich. Am einfachsten geht das über das Footer-Feld eines Code-Plugins oder in der footer.php eines Child-Themes.

Funktioniert der Chatbot auch mit WooCommerce?

Ja. Da WooCommerce auf WordPress läuft, binden Sie das Snippet genauso ein. Produktempfehlungen basieren bei Chatvise auf Produkten, die Sie im Dashboard anlegen; eine automatische Synchronisierung mit dem WooCommerce-Katalog gibt es nicht.

Muss ich den Code nach Änderungen am Chatbot neu einfügen?

Nein. Das Widget lädt die aktuellen Einstellungen automatisch, Änderungen an Farben, Icon, Titel oder Beschreibung sind sofort auf Ihrer Website sichtbar.

Kann ich einen KI-Chatbot für WordPress kostenlos testen?

Ja. Der Chatvise-Starter-Plan ist dauerhaft kostenlos und enthält 25 Credits pro Monat für eine Domain.

Fazit

Ein Chatbot ist in WordPress in wenigen Minuten eingebunden: Snippet kopieren, im Footer einfügen, testen. Mit einem Plugin für Footer-Code bleibt die Einbindung auch nach Theme-Updates erhalten. Erstellen Sie jetzt kostenlos Ihren Chatvise-Chatbot und binden Sie ihn auf Ihrer WordPress-Website ein.