Playground

Preview your agent across supported channels and customize its style and capabilities in real time.

The Playground lets you preview and interact with your agent exactly as your end users would.

When you open the Playground, it automatically loads the last channel you were working on from the Channels page. For example, if you last viewed the Chat bubble or Help page, the Playground will open that same channel so you can continue testing without switching views.

Use the Playground to:

• Preview your agent’s behavior in real time.
• Test conversations and responses.
• Edit channel-specific settings, such as your agent’s style and capabilities, and immediately see how those changes affect the experience.

To preview a different channel, click the channel name at the top of the page and pick one from the list, or choose View all channels to go to the Channels page.

Tabs

The tabs available depend on which channel you are previewing. A web channel such as Chat bubble shows:

Tab	What it controls
Overview	Your agent’s Model and a read-only Data sources summary (training status, total size, and counts of Links, Texts, and Q&A’s), both of which apply to the whole agent. Below them, the Actions available in this channel and the Instructions it uses.
Display	Appearance and behavior for this channel, grouped into Content, Capabilities, Colors, Floating bubble, and Localization. See Chat bubble display settings.
Voice	Your agent’s voice conversation settings. See Settings → Voice.
Actions	The actions this channel can run.

Other channels expose a different set. Messenger, for example, replaces Voice with Leads, and the Slack channel uses Overview, Connections, Actions, and Extra Settings.

Instructions and global instructions

On the Overview tab, Sync with global instructions controls whether this channel uses your agent’s global instructions or its own. Leave it on to keep every channel consistent; turn it off to write instructions that apply only to this channel.

Preview

Click Preview in the top-right to open your agent on a page of its own. The preview opens in a new tab and renders the agent on an otherwise empty page, so you can see and use it the way a visitor would instead of inside the Playground’s editing layout.

You can share the preview URL with anyone in your workspace, which makes it a convenient way to collect feedback on your agent before deploying it.

A toolbar at the top of the preview page controls how the page around your agent looks:

• Light and dark — switch the page background between light and dark to check your agent’s colors against both.
• Upload background — upload an image, such as a screenshot of your own website, to sit behind the agent. This shows how your agent will look in place on your site before you deploy it anywhere.

Everything else behaves as it would once deployed, including initial messages, suggested questions, the floating bubble and its label, and the full conversation.

Deploying

Click Deploy in the top-right to get the code or connection details for the current channel. For the chat bubble, the dropdown offers:

• Website widget — a floating chat bubble on any website.
• Website iframe — the agent embedded as an inline element on any website.
• Shopify — add the chat bubble to your Shopify storefront.
• WordPress — add the chat bubble using the official Chatbase plugin.

The Playground makes it easy to iterate on your agent’s behavior and appearance before publishing your changes.