> ## Documentation Index
> Fetch the complete documentation index at: https://chatbase.co/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# 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](/docs/user-guides/chatbot/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](/docs/user-guides/chatbot/channels#chat-bubble-display). |
| **Voice** | Your agent's voice conversation settings. See [Settings → Voice](/docs/user-guides/chatbot/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.
## 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.