Het toevoegen van een ChatLab-chatbot aan je WordPress-website zorgt ervoor dat bezoekers direct op je site met je AI-assistent kunnen communiceren. Er zijn twee installatiemethoden: de WordPress-plugin (aanbevolen) of handmatige code-insluiting.
Voordat je begint
Maak je chatbot aan en train deze voordat je hem deelt met klanten. Voor de installatie heb je ook rechten nodig om de website te bewerken en te publiceren. Zie Hoe je je eerste chatbot aanmaakt.
Stap 1 - Open het tabblad Deploy in ChatLab
- Log in op ChatLab en selecteer de chatbot die je wilt insluiten
- Klik op het tabblad Deploy (Publiceren) en selecteer vervolgens WordPress in het platformpaneel aan de rechterkant
Het WordPress-paneel toont twee tabbladen: Plugin Installation (Plugin-installatie) en Manual Installation (Handmatige installatie).
Methode 1: WordPress-plugin (aanbevolen)
De pluginmethode is de eenvoudigste manier om ChatLab aan WordPress toe te voegen - je hoeft geen code te bewerken.
- Klik op Get the plugin on WordPress.org (Download de plugin op WordPress.org) om de pluginpagina op wordpress.org te openen
- Installeer en activeer de plugin "ChatLab - AI Chatbot" vanuit de WordPress-pluginbibliotheek
- Ga in je WordPress-beheeromgeving naar ChatLab en klik op Continue (Doorgaan). Laat voor een WooCommerce-winkel WooCommerce integration (WooCommerce-integratie) geselecteerd als je ook productzoekacties en het opzoeken van bestellingen wilt gebruiken.
- Meld je aan bij je ChatLab-account en kies de chatbot die je wilt weergeven.
- Voltooi de stapsgewijze verbinding en ga terug naar WordPress. De plugin installeert de widget automatisch.
- Open je website in een browser om te controleren of het chatbot-icoon verschijnt
Methode 2: Handmatige installatie
Als je de code liever handmatig insluit, klik je op het tabblad Manual Installation.
- Installeer en activeer een plugin voor headercode, zoals WPCode (voorheen Insert Headers and Footers).
- Ga in WPCode naar Code Snippets > Header & Footer. Zie de WPCode-instructies voor headers en footers.
- Kies in ChatLab tussen Widget (chat-pop-up geopend via een chat-icoon) of Iframe (altijd zichtbare chat ingesloten op de pagina). Zie Wat is het verschil tussen widget en Iframe? voor een vergelijking
- Klik op Copy to clipboard (Kopiëren naar klembord) om de code te kopiëren
- Voor de Widget plak je de code in het veld Header en sla je dit op. Voor een Iframe plak je de code in een HTML-inhoudsblok op de pagina waar de chat moet verschijnen, met behulp van een account/editor die iframe-HTML toestaat. Werk de pagina daarna bij of publiceer deze. Plak een iframe nooit in de header.
- Vernieuw je website om te controleren of de chatbot verschijnt
De installatie controleren
Nadat je een van beide methoden hebt voltooid, open je je WordPress-site in een browser. Je zou het chat-icoon in de hoek van de pagina moeten zien (widget-modus) of het chatvenster ingesloten op de pagina (iframe-modus). Klik op het icoon om de chat te openen en stuur een testbericht om te controleren of alles goed werkt.