data-partner — required. Your workspace ID, copy it from Settings → Widget.data-color — accent color for the widget. Hex or oklch.data-locale — "auto" detects from browser, or set "en" / "nl" / "de" / etc.data-position — "right" (default) or "left".data-noanalytics — set to disable open-counting.If you know who's logged in, tell Praatbox — replies get personalized and analytics get richer.
{`Praatbox.identify({
id: "u_482",
email: "anouk@glodinas.nl",
plan: "professional"
});`}
The widget fires events for opens, messages, and handoffs. Wire them into your analytics.
{`Praatbox.on("handoff", (conv) => {
analytics.track("chat_handoff", conv);
});`}
The widget renders in a shadow DOM — your site's CSS can't accidentally bleed in. Use the dashboard to change color, position, greeting, and avatar.
Drop-in guides for popular setups:
) });