Skip to main content
Tweak the options in the right-hand panel and watch the snippet update. Hit Launch preview to load the widget live with your current settings. To require a question before typing, add at least one question under First visit, then turn on Require an initial question. The preview hides the message box until you select a question, and the generated snippet includes requireInitialQuestion: true.
This playground previews Widget 4.0.63 and generates HTML snippets pinned to that version. For the generated React snippet, install @opencx/widget-react@4.0.63 separately. Widget 5.0.0 also supports required starters; Companion keeps a disabled composer beneath them. To test v5 layout, streaming and page permissions, use the Companion setup with a published v5 build.
The preview uses a shared demo workspace so you can try everything without signing up. Replace the token in the generated snippet with your own (dashboard → Channels → Chat Widget) before shipping.

​
What You Can Tweak Here

Identity

Bot name, avatar, and language.

Theme

Primary color, palette, border radius, launcher size and position.

First visit

Initial messages, suggested questions, and requiring a question before typing.

Behavior

Open-by-default, auto-open delay, visitor data collection, single-session mode.

​
Need Something More Advanced?

The playground covers the options most sites need. For deeper control — custom components, CSS overrides, header buttons, or programmatic hooks — head to the code-based references:

Configuration

Full option reference with every field and its defaults.

Custom React Components

Render AI action results as typed React components.

Headless

Build fully custom chat UI with the headless package.

Install the widget

Script tag, React package, or headless — pick your integration.