Das Hinzufügen eines ChatLab-Chatbots zu Ihrer WordPress-Website ermöglicht es Besuchern, direkt auf Ihrer Website mit Ihrem KI-Assistenten zu interagieren. Es gibt zwei Installationsmethoden: das WordPress-Plugin (empfohlen) oder die manuelle Code-Einbettung.
Bevor Sie beginnen
Erstellen und trainieren Sie Ihren Chatbot, bevor Sie ihn für Kunden freigeben. Für die Installation benötigen Sie außerdem die Berechtigung zum Bearbeiten und Veröffentlichen der Website. Siehe Wie Sie Ihren ersten Chatbot erstellen.
Schritt 1 - Öffnen Sie den Deploy-Tab in ChatLab
- Melden Sie sich bei ChatLab an und wählen Sie den Chatbot aus, den Sie einbetten möchten
- Klicken Sie auf den Tab Deploy (Veröffentlichen) und wählen Sie dann WordPress aus dem Plattform-Bereich auf der rechten Seite aus
Der WordPress-Bereich zeigt zwei Tabs: Plugin Installation (Plugin-Installation) und Manual Installation (Manuelle Installation).
Methode 1: WordPress-Plugin (empfohlen)
Die Plugin-Methode ist der einfachste Weg, ChatLab zu WordPress hinzuzufügen - ganz ohne Bearbeitung von Code.
- Klicken Sie auf Get the plugin on WordPress.org (Plugin auf WordPress.org herunterladen), um die Plugin-Seite auf wordpress.org zu öffnen
- Installieren und aktivieren Sie das Plugin „ChatLab - AI Chatbot“ aus dem WordPress-Plugin-Verzeichnis
- Öffnen Sie in Ihrer WordPress-Administration ChatLab und klicken Sie auf Continue (Weiter). Bei einem WooCommerce-Shop lassen Sie WooCommerce integration ausgewählt, wenn Sie auch Produktsuche und Bestellabfrage nutzen möchten.
- Melden Sie sich bei Ihrem ChatLab-Konto an und wählen Sie den Chatbot aus, den Sie anzeigen möchten.
- Schließen Sie den geführten Verbindungsvorgang ab und kehren Sie zu WordPress zurück. Das Plugin installiert das Widget automatisch.
- Öffnen Sie Ihre Website in einem Browser, um zu prüfen, ob das Chatbot-Symbol angezeigt wird
Methode 2: Manuelle Installation
Wenn Sie den Code lieber manuell einbetten möchten, klicken Sie auf den Tab Manual Installation.
- Installieren und aktivieren Sie ein Plugin für Header-Code, wie zum Beispiel WPCode (ehemals Insert Headers and Footers).
- Öffnen Sie bei WPCode Code Snippets > Header & Footer. Siehe WPCode-Anleitung für Header und Footer.
- Wählen Sie in ChatLab zwischen Widget (Chat-Popup, das über ein Chat-Symbol geöffnet wird) oder Iframe (dauerhaft sichtbarer, in die Seite eingebetteter Chat). Einen Vergleich finden Sie unter Was ist der Unterschied zwischen Widget und Iframe?
- Klicken Sie auf Copy to clipboard (In die Zwischenablage kopieren), um den Code zu kopieren
- Fügen Sie den Code für Widget in das Feld Header ein und speichern Sie. Für Iframe fügen Sie ihn in einen HTML-Inhaltsblock auf der Seite ein, auf der der Chat erscheinen soll. Verwenden Sie dazu ein Konto bzw. einen Editor, der Iframe-HTML zulässt, und aktualisieren oder veröffentlichen Sie die Seite anschließend. Fügen Sie ein Iframe nicht in den Header ein.
- Aktualisieren Sie Ihre Website, um zu überprüfen, ob der Chatbot angezeigt wird
Installation überprüfen
Öffnen Sie nach Abschluss einer der beiden Methoden Ihre WordPress-Website in einem Browser. Sie sollten das Chat-Symbol in der Ecke der Seite sehen (Widget-Modus) oder das auf der Seite eingebettete Chat-Fenster (Iframe-Modus). Klicken Sie auf das Symbol, um den Chat zu öffnen, und senden Sie eine Testnachricht, um zu bestätigen, dass alles funktioniert.