Hoe voeg ik ChatLab handmatig toe aan WordPress?

Installeer de plugin 'Insert Headers and Footers' in WordPress, ga naar Settings > Insert Headers and Footers, kopieer vervolgens de ChatLab-insluitcode uit het tabblad Deploy (Implementeren) en plak deze in het Header-gedeelte.

Waar vind ik mijn Bot ID voor de WordPress-plugin?

Log in op ChatLab, selecteer jouw chatbot, klik op het tabblad Deploy (Implementeren), kies WordPress in het platformoverzicht en jouw Bot ID wordt weergegeven onder het tabblad Plugin Installation met een Copy-knop (Kopiëren).

Kan ik kiezen tussen een widget en een iframe op WordPress?

Ja. Met de pluginmethode wordt de chatbot weergegeven als een widget-pop-up. Bij een handmatige installatie kun je kiezen tussen de widgetmodus (pop-up via chatpictogram) of de iframe-modus (altijd zichtbaar op de pagina).

Hoe je jouw chatbot toevoegt aan een WordPress-website

Q: Wat is de eenvoudigste manier om ChatLab toe te voegen aan WordPress?

Gebruik de officiële ChatLab WordPress-plugin. Installeer deze vanuit de WordPress-pluginbibliotheek, activeer hem, kopieer jouw Bot ID uit het tabblad Deploy (Implementeren) in ChatLab en plak deze in de instellingen van de plugin.

Het toevoegen van een ChatLab-chatbot aan je WordPress-website zorgt ervoor dat bezoekers rechtstreeks op je site met je AI-assistent kunnen communiceren. Er zijn twee installatiemethoden: de WordPress-plugin (aanbevolen) of handmatige code-embed.

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 plugin-methode is de eenvoudigste manier om ChatLab toe te voegen aan WordPress - je hoeft geen code aan te passen.

Klik op Get WordPress Plugin (WordPress-plugin downloaden) 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 de instellingenpagina van de plugin
Ga terug naar ChatLab en klik op Copy (Kopiëren) naast je Bot ID om deze naar het klembord te kopiëren

Plak de Bot ID in de plugin-instellingen in WordPress en sla op
Open je website in een browser om te controleren of het chatbot-icoon verschijnt

Methode 2: Handmatige installatie

Als je de code liever handmatig wilt insluiten, klik dan op het tabblad Manual Installation.

Installeer en activeer de plugin "Insert Headers and Footers" in WordPress (of een andere plugin waarmee je code kunt toevoegen aan de <head>-sectie)
Ga in de WordPress-beheeromgeving naar Settings > Insert Headers and Footers
Kies in ChatLab tussen Widget (chat-pop-up die wordt geopend via een chaticoontje) of Iframe (altijd zichtbare chat ingesloten op de pagina). Zie Wat is het verschil tussen een widget en een Iframe? voor een vergelijking
Klik op Copy to clipboard (Kopiëren naar klembord) om de code te kopiëren

Plak de code in het veld Header section (Header-sectie) in WordPress en sla op
Vernieuw je website om te controleren of de chatbot verschijnt

De installatie controleren

Open na het voltooien van een van beide methoden je WordPress-site in een browser. Je zou het chaticoontje 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 bevestigen dat alles werkt.