Plugin oder Code-Schnipsel: was dahintersteckt
Fast jeder Website-Chatbot funktioniert nach demselben Prinzip. Der Anbieter gibt Ihnen ein kurzes Stück Code, meist eine einzige Zeile mit einer Kennung für Ihren Chatbot. Dieser Code lädt das Chatfenster von den Servern des Anbieters. Der Chatbot selbst läuft also nicht in Ihrem WordPress, er wird nur dort angezeigt.
Das hat zwei Folgen. Erstens belastet der Chatbot weder Ihre Datenbank noch Ihren Webspace. Zweitens ist es fast egal, welches Theme oder welchen Page Builder Sie nutzen. Es geht nur darum, diese eine Zeile an die richtige Stelle zu bringen. Dafür gibt es drei Wege.
Weg 1: das Plugin des Chatbot-Anbieters
Viele Anbieter stellen ein eigenes WordPress-Plugin bereit. Sie installieren es, tragen Ihre Kennung ein, fertig. Das Plugin macht nichts anderes, als den Code in Ihre Seiten einzufügen.
Vorteil: kein Kontakt mit Code, oft mit Einstellungen, auf welchen Seiten der Chatbot erscheint.
Nachteil: ein weiteres Plugin, das aktuell gehalten werden muss. Jedes Plugin ist eine mögliche Fehlerquelle bei WordPress-Updates und ein mögliches Sicherheitsrisiko, wenn der Anbieter es nicht pflegt. Schauen Sie im Plugin-Verzeichnis nach, wann es zuletzt aktualisiert wurde.
Weg 2: Code-Schnipsel im Fußbereich
Das ist der schlankeste und in den meisten Fällen beste Weg. Der Code wird einmal zentral hinterlegt und erscheint auf allen Seiten.
- Installieren Sie ein Snippet-Plugin, mit dem sich Code in Kopf- und Fußbereich einfügen lässt, zum Beispiel WPCode. Viele Themes und Page Builder bringen dafür auch ein eigenes Feld mit, oft unter „Eigener Code“ oder „Scripts“.
- Fügen Sie den Code des Chatbot-Anbieters in den Bereich „Footer“ ein, also vor dem schließenden body-Tag.
- Speichern, Cache leeren, Seite in einem privaten Browserfenster prüfen.
Bitte fügen Sie den Code nicht direkt in die Datei footer.php oder functions.php Ihres Themes ein. Beim nächsten Theme-Update ist er weg. Wer ohne Plugin arbeiten möchte, nutzt ein Child-Theme.
Weg 3: HTML-Block auf einzelnen Seiten
Soll der Chatbot nur auf bestimmten Seiten erscheinen, etwa auf der Kontaktseite oder einer Landingpage, fügen Sie im Editor einen Block „Individuelles HTML“ ein und setzen den Code dort hinein. Elementor, Divi und andere Builder haben dafür ein eigenes HTML-Element.
Dieser Weg eignet sich auch für Chatbots, die nicht als schwebendes Symbol am Rand erscheinen, sondern als festes Fenster mitten im Inhalt. Für einen Chatbot auf allen Seiten ist er ungeeignet, weil Sie den Block auf jeder Seite einzeln pflegen müssten.
Für neun von zehn WordPress-Seiten ist Weg 2 der richtige: einmal einfügen, überall da, kein Extra-Plugin.
Typische Stolpersteine
Der Chatbot erscheint nicht: Caching
Die häufigste Ursache. Caching-Plugins wie WP Rocket, LiteSpeed Cache oder W3 Total Cache liefern eine gespeicherte Version der Seite aus, in der Ihr neuer Code noch fehlt. Leeren Sie den Cache des Plugins und, falls vorhanden, den Cache Ihres Hosters oder eines CDN.
Der Chatbot erscheint nicht: Skript-Optimierung
Funktionen wie „JavaScript verzögern“ oder „Skripte zusammenfassen“ können das Chat-Skript ausbremsen oder beschädigen. Tragen Sie die Adresse des Chat-Skripts in die Ausnahmeliste Ihres Optimierungs-Plugins ein.
Das Cookie-Banner blockiert das Skript
Tools wie Borlabs Cookie, Complianz oder Real Cookie Banner blockieren externe Skripte, bis der Besucher zugestimmt hat. Ob Ihr Chatbot eine Einwilligung braucht oder als technisch notwendig eingestuft werden kann, hängt davon ab, was er im Browser speichert. Die Einordnung erklärt der Artikel Chatbot und DSGVO. Technisch legen Sie im Cookie-Tool einen Dienst für den Chatbot an und ordnen ihn der passenden Kategorie zu.
Das Symbol verdeckt andere Elemente
Unten rechts sitzen oft schon ein Button zum Hochscrollen, ein WhatsApp-Symbol oder der Schalter des Cookie-Banners. Prüfen Sie das besonders auf dem Handy. Die meisten Chatbots lassen sich in Position und Abstand anpassen.
Die Ladezeit leidet
Ein gut gebauter Chatbot lädt erst, nachdem die Seite steht. Messen Sie vor und nach dem Einbau mit PageSpeed Insights. Verschlechtert sich der Wert deutlich, fragen Sie den Anbieter nach einer Variante, die das Fenster erst beim Klick auf das Symbol lädt.
Woher der Chatbot sein Wissen bekommt
Die Einbindung ist der kleinere Teil der Arbeit. Entscheidend ist, was der Chatbot weiß. KI-Chatbots lesen in der Regel Ihre veröffentlichten WordPress-Seiten und Beiträge ein. Das ist ein guter Anfang, reicht aber selten aus, weil Websites genau die Fragen offenlassen, die Kunden am Telefon stellen.
Ergänzen Sie deshalb Preisrahmen, Abläufe, Wartezeiten und Ausnahmen. Und denken Sie daran: Wenn Sie eine Seite in WordPress ändern, weiß der Chatbot das nicht automatisch. Je nach Anbieter müssen Sie die Inhalte neu einlesen lassen oder die Änderung melden. Wie der inhaltliche Aufbau gelingt, beschreibt der Artikel Chatbot erstellen.
Prüfliste nach dem Einbau
- Chatbot erscheint im privaten Browserfenster, auf dem Desktop und auf dem Handy
- Alle Caches geleert: Plugin, Hoster, CDN
- Er erscheint auch für nicht angemeldete Besucher, nicht nur für Sie als Administrator
- Verhalten mit Cookie-Banner geprüft: vor und nach der Zustimmung
- Symbol verdeckt auf dem Handy nichts Wichtiges
- PageSpeed-Wert vorher und nachher verglichen
- Testanfrage gestellt und geprüft, ob sie bei Ihnen per E-Mail ankommt
- Datenschutzerklärung um den Chatbot ergänzt, KI-Hinweis im Chatfenster sichtbar
Was die verschiedenen Lösungen kosten, vergleicht der Artikel Was kostet ein Chatbot?.
Häufige Fragen zum Chatbot in WordPress
Brauche ich für einen Chatbot in WordPress ein Plugin?
Nein. Die meisten Chatbots werden über ein kurzes Stück Code eingebunden, das in den Fußbereich der Seite gehört. Ein Plugin des Chatbot-Anbieters ist nur eine bequemere Verpackung dafür. Wer ohnehin ein Snippet-Plugin nutzt, kommt ohne zusätzliches Plugin aus.
Macht ein Chatbot meine WordPress-Seite langsamer?
Ein sauber eingebundener Chatbot wird erst geladen, nachdem die eigentliche Seite aufgebaut ist, und beeinflusst die Ladezeit kaum. Problematisch sind Skripte, die das Laden blockieren, oder Plugins, die viele zusätzliche Dateien mitbringen. Messen Sie vorher und nachher mit PageSpeed Insights.
Funktioniert das auch mit Elementor, Divi oder anderen Page Buildern?
Ja. Der Code wird seitenweit im Fußbereich geladen und ist vom Page Builder unabhängig. Soll der Chatbot nur auf einzelnen Seiten erscheinen, nutzen Sie das HTML-Element des jeweiligen Builders.
Kann der Chatbot Produkte aus WooCommerce kennen?
Das hängt vom Anbieter ab. Manche lesen die Produktseiten wie normale Inhalte ein, andere binden den Produktkatalog direkt an. Für Fragen zu Versand, Rückgabe und Zahlungsarten genügt das Einlesen der Inhalte. Für Auskünfte zu Lagerbestand oder Bestellstatus braucht es eine echte Anbindung.