KI-Chatbot in Ihre WordPress-Website einbinden

Was Sie brauchen

• Eine WordPress-Website, bei der Sie sich als Administrator anmelden können (selbst gehostetes WordPress oder ein WordPress.com-Tarif, der Plugins erlaubt).
• Ein Konto bei uns: mit Ihrer E-Mail-Adresse registrieren, die Adresse Ihrer Website eingeben und Ihre Code-Zeile aus dem Dashboard kopieren.
• Etwa fünf Minuten.

Ihre Code-Zeile sieht so aus, mit der ID Ihrer eigenen Website darin:

Variante 1: mit dem kostenlosen Plugin WPCode (empfohlen)

WPCode (im Plugin-Verzeichnis als „WPCode – Insert Headers and Footers“ geführt) fügt Code auf jeder Seite ein, ohne Ihr Theme anzufassen. Die kostenlose Version genügt.

1. Gehen Sie im WordPress-Adminbereich zu Plugins → Add New, suchen Sie nach WPCode und klicken Sie auf Install Now und dann Activate.
2. Gehen Sie zu Code Snippets → Header & Footer.
3. Fügen Sie Ihre Zeile in das Feld Footer ein. Code dort wird auf jeder Seite direkt vor dem schließenden </body>-Tag ausgegeben.
4. Klicken Sie auf Save Changes.
5. Öffnen Sie Ihre Website in einem neuen Tab. Der Chat-Button erscheint unten rechts, und Ihr Dashboard zeigt Verbunden.

Variante 2: im Child-Theme, ohne Plugin

Wenn Sie kein Plugin hinzufügen möchten, binden Sie die Zeile über die functions.php Ihres Child-Themes ein. Das funktioniert bei klassischen Themes und Block-Themes gleichermaßen, weil beide den Hook wp_footer ausgeben. Verwenden Sie ein Child-Theme: Änderungen am Parent-Theme gehen bei dessen Update verloren.

1. Öffnen Sie die functions.php Ihres Child-Themes (über den Dateimanager Ihres Hosters, per SFTP oder unter Appearance → Theme File Editor, falls aktiviert).
2. Fügen Sie eine an wp_footer gehängte Funktion hinzu, die Ihre Code-Zeile ausgibt, zum Beispiel add_action('wp_footer', function () { echo '…your line…'; });
3. Speichern Sie die Datei und öffnen Sie Ihre Website, um zu prüfen, ob der Chat-Button erscheint.

Bei einem klassischen Theme können Sie die Zeile auch in die footer.php einfügen, direkt vor </body>. Auch hier: nur in einem Child-Theme.

Wenn der Chat-Button nicht erscheint

• Leeren Sie den Cache. Caching-Plugins, der Cache Ihres Hosters und ein CDN können weiter die alte Seite ausliefern. Leeren Sie nach dem Speichern alle.
• Prüfen Sie Optionen wie „JavaScript verzögern“. Manche Optimierungs-Plugins halten Skripte zurück, bis der Besucher scrollt oder klickt. Nehmen Sie widget.js von dieser Liste aus, wenn der Button erst spät auftaucht.
• Prüfen Sie die Domain. Der Chat antwortet nur unter der Adresse, die Sie registriert haben (mit und ohne www gilt als dieselbe). Für eine Staging-Kopie auf einer anderen Domain muss diese Domain in Ihrem Dashboard hinzugefügt werden, oder Sie testen auf localhost.
• Sehen Sie sich den Seitenquelltext an und suchen Sie nach widget.js. Fehlt es, wurde der Code nicht dort gespeichert, wo WordPress ihn ausgibt.

Was der Assistent auf WordPress tut

Er liest die öffentlichen Seiten Ihrer Website: Leistungen, Produktbeschreibungen, FAQ, Versand- und Rückgabeseiten, Über-uns- und Kontaktseiten. Daraus antwortet er, in der Sprache, in der der Besucher schreibt, und liest Ihre Website jeden Tag neu, sodass die Antworten folgen, wenn Sie eine Seite ändern. Ist eine Frage nicht abgedeckt, sagt er das, statt zu raten, und die Frage landet auf Ihrer Liste der Fragen, die er nicht beantworten konnte – so wissen Sie, welche Seite Sie verbessern sollten.

Möchte ein Besucher einen Menschen sprechen, hat er eine Beschwerde oder muss etwas erledigt werden, kommt das Gespräch per E-Mail zu Ihnen, oder in Slack, Discord oder Telegram, wenn Sie diese verbinden, und aus den Chat-Apps heraus können Sie dem Besucher live antworten.

Er meldet sich nicht in Ihrem WordPress-Adminbereich an und verändert Ihre Website nicht. Er liest nur, was jeder Besucher lesen kann.

Sie betreiben einen Shop mit WordPress?

Wenn Sie mit WooCommerce verkaufen, funktioniert dieselbe Code-Zeile, und der Assistent beantwortet Fragen zu Ihren Produkten und Richtlinien anhand der Seiten Ihres Shops. WooCommerce-Bestellungen kann er weder abrufen noch ändern. Details stehen auf der WooCommerce-Seite.