De chatwidget op je site zetten

Elk merk in Flagbell heeft een eigen widgetsleutel (fbw_…). Zet deze tag op je pagina's, vlak voor </body>:

<script src="https://app.flagbell.com/widget/v1/widget.js" data-key="fbw_…" async></script>

Rechtsonder verschijnt een chatknop. Een stip erop laat zien of er iemand van je team online is.

Opties op de tag

Attribuut	Wat het doet
data-key	De widgetsleutel van je merk (verplicht).
data-color	De accentkleur, als hexkleur. Standaard: #1F3BFF.
data-lang	en of nl. Zonder dit attribuut volgt de widget de <html lang> van de pagina, en anders de taal van je merk.
data-user-token	Wie er op je site is ingelogd. Zie Chatten met ingelogde bezoekers.
data-mailbox	partner op pagina's voor partners. Zie Chat op partnerpagina's.

Op welke sites het werkt

De widget werkt alleen op de sites (origins) die bij je merk staan, en altijd op het helpcentrum van je merk. Chats van andere sites worden geweigerd.

Content Security Policy

Stuurt je site een CSP mee, sta Flagbell dan toe voor het script en de live verbinding:

script-src 'self' https://app.flagbell.com;
connect-src 'self' https://app.flagbell.com wss://app.flagbell.com;

De widget zet geen cookies. Hij draait in een eigen Shadow DOM, dus jouw styles hebben geen invloed op de widget en zijn styles niet op je pagina.