Hoe embed je de chatbot?
Na het bouwen van je chatbot flow plaats je de widget op je website. Bezoekers zien een chat-icoon rechtsonder waarop ze kunnen klikken om het gesprek te starten.
Embed code ophalen
- Ga naar Chatbots in de sidebar
- Open de flow die je wilt embedden
- Klik op Delen/Embedden
- Kopieer de embed code
Embed code plaatsen
Plak de embed code vlak voor de afsluitende </body> tag van je website:
<script src="https://quoty.nl/embed/chat/{slug}.js"></script>
De widget verschijnt automatisch rechtsonder op je website.
Styling opties
Je kunt het uiterlijk van de widget aanpassen:
| Instelling | Beschrijving |
|---|---|
| Primaire kleur | Kleur van de chat bubble en header |
| Positie | Rechtsonder (standaard) of linksonder |
| Begroetingstekst | Tekst die verschijnt boven de bubble |
| Avatar | Afbeelding of initialen in de chat header |
| Bedrijfsnaam | Naam die in de chat header wordt getoond |
Configureer de styling via de chatbot instellingen in de flow builder.
Op specifieke pagina's tonen
Standaard verschijnt de widget op alle pagina's waar de embed code staat. Om de widget op specifieke pagina's te tonen, plaats je de embed code alleen op die pagina's.
Widget verbergen
Als je de widget tijdelijk wilt verbergen zonder de code te verwijderen, deactiveer de flow via het chatbot overzicht. De widget wordt dan niet meer getoond.
Mobiel
De chatbot widget is volledig responsive en werkt op mobiele apparaten. Op kleine schermen opent de chat als volledig scherm voor de beste ervaring.
Tip
Test de chatbot op zowel desktop als mobiel om te controleren of het gesprek goed werkt op alle schermformaten.
Gerelateerde artikelen
- Chatbot overzicht - wat zijn chatbot flows
- Flow builder - de flow editor
- Chatbot gesprekken - gesprekken bekijken