Embed widget styler: live preview chat, positions, and custom CSS
September 19, 2026 · release
@voicethere/client 0.8.2
The project Widget tab now goes further than presets and brand colors. You can try a real session from the live preview, place the launcher on more corners (or a custom offset), tune chat fonts and bubbles, and ship optional custom CSS — then Deploy publishes everything to the VoiceThere CDN.
What changed
- Live preview Connect uses your project client key (like dashboard Chat); the project must be deployed.
- Launcher pill hides while the panel is open and returns when visitors close the panel.
- Positions: eight named corners/edges plus
customwithpositionOffset. - Theme: UI fonts, incoming/outgoing bubble colors, panel size, and optional
customCss(documented class hooks).
Try it
- Docs: Embed widget designer
- Dashboard: Project → Widget → save draft, preview, Deploy
- CLI:
voicethere projects widget set --position top-left(positions match the designer)
Install @voicethere/client 0.8.2 (or newer) on pages that load configUrl so new CDN fields apply; older embeds keep working with a fail-soft parse.