Appearance & display
The assistant has its own theme and display settings, independent of the BSR personalization. All of it is configured in the dashboard.
Set the assistant’s colors for both light and dark:
- Light mode:
background,text,accent(used for the visitor’s message bubble, the send button, and focus rings),assistantBubbleBg,border,radius. - Dark mode: the same set, enabled separately. Dark mode activates automatically
from the visitor’s
prefers-color-schemeand from adata-themeattribute on your<html>— so the assistant follows your site’s light/dark state.
Display modes
Section titled “Display modes”defaultDisplayMode sets how the assistant appears:
| Mode | Description |
|---|---|
inline (default) | Rendered in the page flow at its placement. |
popup | A centered modal (~640 px). |
fullscreen | A large overlay (~1100 px). |
Visitors can switch modes from the assistant’s header; their choice is remembered per browser tab.
Deep-link URL parameters
Section titled “Deep-link URL parameters”You can drive the assistant from a link — handy for campaigns, emails, and support:
| Parameter | Effect |
|---|---|
?popup=true (or legacy ?openChat=true) | Open the assistant as a centered pop-up on load. |
?question=… (or ?chatQuestion=…) | Pre-fill (and auto-send) a question. |
https://your-site.nl/?popup=true&question=Welke%20maat%20past%20mij%3FThis opens the assistant on arrival and asks “Welke maat past mij?” automatically.