> ## Documentation Index
> Fetch the complete documentation index at: https://easy-peasy.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Playground

> Chat with your agent, try other models, instructions, and chat styles side by side, and save the setup you like.

The **Playground** is where you test your agent before your customers see it. The chat on the right is the same chat your website visitors get. The settings on the left let you try another model, other instructions, or a new look, and see the effect right away.

<Frame>
  <img src="https://mintcdn.com/easy-peasyai/9Brw5At2juy5r5tl/images/agents/playground.webp?fit=max&auto=format&n=9Brw5At2juy5r5tl&q=85&s=45f382336add7143cd77ee22eb6e6816" alt="The Playground: Settings with the Chat, Appearance, and Voice tabs, the model GPT-6 Luna, temperature 0.7, and instructions; the chat preview with two questions and the agent's answers; Preview and Deploy buttons at the top right" width="1600" height="958" data-path="images/agents/playground.webp" />
</Frame>

## Test your agent

Open your agent and click **Playground**. Type a question in the chat, or click one of the suggested messages.

* **Show Sources** under the chat lists the knowledge the last answer came from. Use it to check whether an answer came from the right page.
* Under each answer you can copy it, rate it, or regenerate it.
* The refresh icon in the chat header starts a new conversation.

Ask the questions your customers ask most. When an answer is wrong or missing, fix it in [**Knowledge**](/docs/agents/knowledge) or in the instructions.

<Note>
  Playground chats are real conversations: they appear in [**Conversations**](/docs/agents/conversations) and use your plan's allowance like any other chat.
</Note>

## Try a different setup

The **Chat** tab has the settings that change how the agent answers:

| Setting          | What it does                                                                               |
| ---------------- | ------------------------------------------------------------------------------------------ |
| **Model**        | The AI model that writes the answers. See [models](/docs/agents/instructions-and-model#models)  |
| **Temperature**  | Lower (**Precise**) keeps answers consistent; higher (**Creative**) makes them more varied |
| **Instructions** | How the agent behaves: its role, tone, and rules                                           |
| **Actions**      | Turn [actions](/docs/agents/actions) on or off for this test only                               |

These changes apply only to your Playground chat. When they differ from the agent's saved setup, a bar appears at the bottom with **Unsaved setup**:

* **Save to agent** saves the model, temperature, and instructions to your agent. Every channel uses them from your next message.
* **Discard** goes back to the saved setup. **Reset** at the top does the same and also clears the chat.

The **Actions** switches are never saved. To turn an action off for real, use the [**Actions**](/docs/agents/actions) page.

## Change the look

The **Appearance** tab has the same settings as the [**Appearance**](/docs/agents/appearance) page: name, greeting, suggested messages, colors, and more. The chat preview updates as you type. Click **Save** at the bottom of the tab to keep your changes.

<Frame>
  <img src="https://mintcdn.com/easy-peasyai/9Brw5At2juy5r5tl/images/agents/playground-appearance.webp?fit=max&auto=format&n=9Brw5At2juy5r5tl&q=85&s=506221596f86b7989ca8ff57c63445d8" alt="The Appearance tab in the Playground with Agent Avatar, Agent Name, Description, Greeting Message, and Suggested Messages, next to the chat preview" width="1400" height="1126" data-path="images/agents/playground-appearance.webp" />
</Frame>

## Set up voice calls

The **Voice** tab turns on voice calls and sets the voice, the model used on calls, and the call instructions. Changes here save automatically. With voice on, a call button appears in the chat. See [Voice calls](/docs/agents/voice).

<Frame>
  <img src="https://mintcdn.com/easy-peasyai/9Brw5At2juy5r5tl/images/agents/playground-voice.webp?fit=max&auto=format&n=9Brw5At2juy5r5tl&q=85&s=d01c9dcd1c4e80051cc94994c9582986" alt="The Voice tab in the Playground with Voice mode and Allow text input during calls switched on and the voice model Same as chat, next to the chat with a call button in the message box" width="1400" height="1126" data-path="images/agents/playground-voice.webp" />
</Frame>

## Preview it on a web page

**Preview** opens your agent's real chat bubble on a sample web page, the way it looks on your website. Switch between a light and a dark page to check your colors.

<Frame>
  <img src="https://mintcdn.com/easy-peasyai/9Brw5At2juy5r5tl/images/agents/preview-open.webp?fit=max&auto=format&n=9Brw5At2juy5r5tl&q=85&s=b1676f7e629272c144069d38d4d962ee" alt="The Preview page: a sample web page with the agent's chat open on the right, showing the greeting and suggested messages" width="1600" height="958" data-path="images/agents/preview-open.webp" />
</Frame>

## Deploy

**Deploy** lists the fastest ways to put your agent live:

<Frame>
  <img src="https://mintcdn.com/easy-peasyai/9Brw5At2juy5r5tl/images/agents/deploy-menu.webp?fit=max&auto=format&n=9Brw5At2juy5r5tl&q=85&s=df9e4dbd3c6e96ff3622ee2773193eb4" alt="The Deploy menu: Website widget, Website iframe, Shareable link, Shopify, WordPress, and Browse all channels" width="320" data-path="images/agents/deploy-menu.webp" />
</Frame>

| Option                  | What it does                                                                                      |
| ----------------------- | ------------------------------------------------------------------------------------------------- |
| **Website widget**      | A chat bubble on your website. See [Website](/docs/agents/website)                                     |
| **Website iframe**      | The chat inside a page instead of floating over it                                                |
| **Shareable link**      | A hosted chat page you can link to                                                                |
| **Shopify**             | The chat bubble plus product and order lookups on your store. See [Shopify](/docs/agents/shopify)      |
| **WordPress**           | The chat bubble on a WordPress site. See [Website platforms](/docs/agents/website-platforms#wordpress) |
| **Browse all channels** | WhatsApp, Telegram, email, phone, and more. See [Channels](/docs/agents/channels)                      |

<Columns cols={2}>
  <Card title="Instructions and model" icon="sliders" href="/docs/agents/instructions-and-model">
    Write better instructions and pick a model.
  </Card>

  <Card title="Channels" icon="share-nodes" href="/docs/agents/channels">
    Put your agent where your customers are.
  </Card>
</Columns>
