Embed a customizable chat widget. Visitors connect instantly, agents reply in real-time via the wSocket dashboard.
Shadow DOM isolation · 6.7 KB gzipped · mobile-first · WCAG accessible
Shadow DOM isolation, 6.7 KB gzipped, mobile-first design with WCAG accessibility baked in.
Add one script tag to your HTML. The widget renders automatically.
Match your brand. Colors, text, position, pre-chat — all configurable.
Visitors start chatting. Agents receive messages in real-time via the dashboard.
Everything you need, nothing you don't.
Sub-100ms latency. Messages delivered instantly via WebSocket Pub/Sub.
Shadow DOM isolation, mobile-first, accessibility built in.
Colors, position, pre-chat form, offline messages — all configurable.
Private notes visible only to agents. Collaborate without the visitor seeing.
/assign, /tag, /close, /template — agent productivity built into the chat input.
FRT, ART, volume charts, agent performance, and customer satisfaction scores.
One script tag and you're live.
Pass any of these to WSocketSupport.init()
| Option | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | #f43f5e | Accent color for the widget button and header |
| position | string | bottom-right | bottom-right / bottom-left / top-right / top-left |
| buttonText | string | "Chat with us" | Label shown on the launcher button |
| preChatForm.enabled | boolean | false | Show a name/email form before the chat starts |
| preChatForm.fields | string[] | [] | Fields to collect: name, email, phone, company |
| offlineMessage | string | "Leave a message" | Text shown when no agents are online |
| locale | string | auto | auto / en / pt / es — widget UI language |
Your team handles every conversation from a unified, real-time inbox.
One script tag. One dashboard. Real conversations, real time.