Insluitbare widgets
Zet je AI-support en feedbackverzameling op elke website met twee kleine scripts zonder afhankelijkheden - elk één regel, afgeschermd in een shadow DOM.
Je support hoeft niet bij het inlogscherm te stoppen. Drie kleine insluitbare
scripts brengen hem naar je eigen website: een AI-chatwidget, een
feedbackwidget en een inline contactformulier.
Elk is één <script>-tag, heeft geen runtime-afhankelijkheden en rendert in
een shadow DOM, zodat de stijl van je site onaangetast blijft.
AI-chatwidget (widget.js)
Een lichtgewicht chatbubbel die de AI van je workspace naar anonieme bezoekers
brengt. Kopieer de snippet onder Beheer → Chatwidget en plak hem vóór de
afsluitende </body> op elke pagina:
<script src="https://<je-app-host>/widget.js" data-key="pk_…" async></script>Optionele attributen:
| Attribuut | Doel |
|---|---|
data-color | Accentkleur van de bubbel en de kop. |
data-api-base | Backend-basis-URL (standaard de origin van het script + /api/v1). |
data-agui-base | Fallback-basis-URL voor de chat (AG-UI). |
Wat bezoekers krijgen:
- Antwoorden op basis van je kennisbank uit je gepubliceerde kennisbank en actieve aankondigingen.
- Ticketaanmaak - indien ingeschakeld kan een bezoeker een incident melden, optioneel na het achterlaten van een e-mailadres, en krijgt hij een publieke volglink om het te volgen.
- Een bewust beperkte toolset: widgetbezoekers kunnen nooit andermans incidenten opzoeken.
Incidenten die via de widget worden gemeld, komen in de normale behandelaarswachtrijen, gemarkeerd met het kanaal widget en het e-mailadres van de bezoeker, en vallen net als elk ander incident onder auto-triage en SLA-beleid.
De widget is standaard dichtgetimmerd: een origin-allowlist (alleen de domeinen die jij opgeeft kunnen hem laden), een roterende publieke sleutel, kortlevende gastsessies en rate limiting. Stel toegestane origins, accentkleur, welkomstbericht en of bezoekers incidenten mogen melden in onder Beheer → Chatwidget.
Feedbackwidget (feedback-widget.js)
Een tweede script van één regel verzamelt ster-en-commentaarreviews van elke website. Kopieer hem onder Feedback → Instellingen:
<script src="https://<je-app-host>/feedback-widget.js" data-fb-key="pk_fb_…" async></script>Optionele attributen:
| Attribuut | Doel |
|---|---|
data-color | Accentkleur (standaard #2563eb). |
data-position | br (rechtsonder, standaard) of bl (linksonder). |
data-api-base | Backend-basis-URL (standaard de origin van het script + /api/v1). |
Reviews die via de widget binnenkomen, stromen naar dezelfde Feedback-inbox en hetzelfde AI-verbeterrapport als feedback in de app. Het publieke formulier is beschermd met een honeypot-veld en rate limiting.
Publieke kennisbank & ticket volgen
Twee extra opt-in publieke onderdelen maken de ervaring op je site compleet:
- Publieke kennisbank - toon je gepubliceerde artikelen alleen-lezen op
/kb/<key>, zodat de chatwidget anonieme bezoekers direct naar een volledig artikel kan linken. Schakel dit in onder Beheer → Chatwidget. - Ticket volgen als gast - een incident dat een gast meldt, krijgt een
onraadbare volglink (
/track/<token>) met de status en de publieke reacties; liet de bezoeker een e-mailadres achter, dan wordt de link automatisch gemaild.
Goed om te weten
- Klein & op zichzelf staand. Elk script is ongeveer 5 kB gzipped, zonder afhankelijkheden en zonder iframe van andermans merk.
- Stijlveilig. Alles rendert in een shadow root, zodat CSS van de hostpagina niet naar binnen of buiten lekt.
- Eén wachtrij. Gesprekken en reviews van je site komen in dezelfde workspace als al het andere - geen aparte silo om te beheren.
Wie kan wat
| Actie | Medewerker | Behandelaar | Beheerder | Eigenaar |
|---|---|---|---|---|
| Chatwidget configureren (origins, sleutel, gedrag) | ✗ | ✗ | ✓ | ✓ |
| Feedbackwidget & publieke link configureren | ✗ | ✗ | ✓ | ✓ |
| De widgets gebruiken (als websitebezoeker) | - | - | - | - |
Feedback & reviews
Verzamel ster-en-commentaarreviews via een publieke link, de insluitbare widget, ingelogde medewerkers of geplakte Google-reviews - en laat de AI een doorlopend verbeterrapport actueel houden.
Contactformulieren & leads
Bouw formulieren voor leadcapture met een eigen veldeditor, sluit ze inline in op elke pagina en handel de inzendingen af in een aparte leads-inbox.