Hoe de inbedbare chatwidget is gestyled, sandboxed, gepreviewd en veilig geconfigureerd zodat deze past bij klantensites terwijl deze veilig en performant blijft.
De widget is de klantgerichte interface — de chatbubble die op de websites van jouw klanten of binnen hun producten leeft. Het moet eruitzien alsof het daar thuishoort: overeenkomend met hun merk kleuren, lettertypen en stijl. Het moet ook veilig zijn: ingebed op klantensites betekent blootstelling aan het open internet, dus de widget moet worden versterkt tegen misbruik en manipulatie. Deze diepgaande uitleg behandelt hoe de widget is geconfigureerd, hoe aanpassingen worden gevalideerd en toegepast, en hoe je wijzigingen veilig kunt previewen voordat ze live gaan.
Voor de meeste eindgebruikers van jouw klanten is de widget *jouw product*. Het is het oppervlak waarmee ze interageren. Hoe het eruitziet, hoe het laadt en hoe het zich gedraagt, vormt hun hele perceptie van de AI-agent.
Een beheerder configureert de widget via het beheerderspaneel: kleuren, lettertypen, lay-outvarianten (compact, volledig scherm, zijlade) en standaardberichten kiezen. Elke configuratieoptie wordt door de server gevalideerd voordat deze wordt opgeslagen:
- Kleuren worden gecontroleerd op toegankelijkheid (voldoende contrast tussen tekst en achtergrond)
- Aangepaste CSS wordt gecontroleerd tegen een veilige lijst van toegestane eigenschappen (om kwaadaardige styling te voorkomen)
- Gelokaliseerde strings worden gecontroleerd op lengtebeperkingen om lay-outbreuken te voorkomen
Voordat je live gaat, kunnen beheerders een sandboxed preview openen — een veilige, geïsoleerde omgeving waar de widget precies zo wordt weergegeven als deze op een echte klantensite zal verschijnen. Deze preview:
- Gebruikt echte configuratiegegevens, zodat wat je ziet precies is wat klanten zullen zien
- Is volledig geïsoleerd van productie — niets in de preview beïnvloedt live gebruikers
- Wordt in realtime bijgewerkt terwijl je instellingen aanpast
Het inbedproces is ontworpen om eenvoudig en veilig te zijn:
Als een nieuwe configuratie problemen veroorzaakt, is terugrollen onmiddellijk. Een beheerder kan elke vorige configuratieversie vanuit het dashboard terugdraaien, en de wijziging wordt binnen enkele seconden van kracht — geen implementatie nodig.
Het team bouwt:
Eenmaal live kunnen jouw klanten hun widget met vertrouwen aanpassen, de resultaten previewen voordat ze live gaan, en erop vertrouwen dat het validatiesysteem hen ondersteunt als iets er niet goed uitziet.