ChatLab biedt twee manieren om een chatbot aan je website toe te voegen: als een widget of als een iframe. Beide gebruiken dezelfde chatbot met dezelfde trainingsgegevens en instellingen, maar ze verschillen in hoe de chatbot op je pagina verschijnt.
Widget
De widget voegt een chaticoon toe op een vaste positie op je pagina (standaard rechtsonder). Bezoekers klikken op het icoon om een chat-popup te openen. Het chatvenster kan op elk moment weer worden gesloten tot het icoon.
Belangrijkste kenmerken:
- Verschijnt als een starticoon in de hoek van het scherm
- Opent als een popup wanneer bezoekers op het icoon klikken
- Blijft beschikbaar op alle pagina's waar de code is geïnstalleerd
- Biedt aanpassingsmogelijkheden voor de positie van het icoon, automatisch openen, welkomstberichtballonnen en de geminimaliseerde weergavemodus (Settings > Appearance (Instellingen > Weergave))
Iframe
De iframe sluit de chatbot rechtstreeks in binnen je paginacontent in. Het chatvenster is altijd zichtbaar en kan worden omringd door andere elementen op de pagina.
Belangrijkste kenmerken:
- Altijd zichtbaar op de pagina zonder dat er op een icoon geklikt hoeft te worden
- Ingebed in de paginastructuur naast andere content
- Aanpasbare afmetingen - je kunt de attributen
widthenheightin de insluitcode aanpassen aan je lay-out - Het meest geschikt voor speciale pagina's waar de chatbot een centraal onderdeel vormt, zoals een supportpagina of landingspagina
Waar kies je voor widget of iframe
- Selecteer je chatbot in het dashboard
- Klik op het tabblad Deploy (Implementeren)
- Selecteer HTML Code, en kies vervolgens het tabblad Widget of Iframe om de bijbehorende insluitcode te bekijken
- Klik op Copy to clipboard (Kopiëren naar klembord). Plaats de Widget-code in de header van de website of in het scriptgedeelte van je platform; plaats de Iframe-code in de hoofdtekst (body) van de pagina waar de chat moet verschijnen.
- Publiceer de pagina, open deze op desktop en mobiel, en stuur een testbericht.
Beide modi uitproberen
Je kunt beide modi vooraf bekijken zonder code in te sluiten. Zoek op het tabblad Overview (Overzicht) de rij Try out & share (Uitproberen en delen) en klik op een van de links:
- As always-open frame (Als altijd open frame) - opent de chatbot in iframe-modus
- As openable widget (Als te openen widget) - opent de chatbot in widget-modus met het starticoon
Elke rij heeft ook een QR Code-link die een scanbare code opent voor dezelfde URL, zodat je de chatbot op je telefoon kunt testen door deze te scannen met je camera.
Zie voor meer informatie over het delen van deze preview-links Sending a link to your chatbot.
Welke moet ik kiezen?
- Kies widget als je wilt dat de chatbot op elke pagina beschikbaar is zonder schermruimte in beslag te nemen. Bezoekers kunnen de chat openen wanneer ze hulp nodig hebben en weer sluiten als ze klaar zijn.
- Kies iframe als je wilt dat de chatbot een zichtbaar onderdeel is van een specifieke paginalay-out, zoals een helpcentrum, contactpagina of productpagina waar de chatbot altijd klaarstaat voor interactie.