> ## Documentation Index
> Fetch the complete documentation index at: https://botpress-charmenta-pr-693.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Preview

You can chat with a preview of your published agent at any time:

<Steps>
  <Step>Go to the **<Icon icon="layout-panel-left" /> Overview** section in your agent's menu.</Step>

  <Step>
    Select **<Icon icon="external-link" /> Preview** to open the preview.
  </Step>
</Steps>

## Test your agent

Start a conversation with your agent and test its behaviour:

<Frame>
  <img alt="Preview" className="block dark:hidden" src="https://mintcdn.com/botpress-charmenta-pr-693/onS1E_sWBz4Azh7U/get-started/manage-your-agent/assets/preview.png?fit=max&auto=format&n=onS1E_sWBz4Azh7U&q=85&s=07be989ef4cf9d8663f46991087141be" width="1366" height="598" data-path="get-started/manage-your-agent/assets/preview.png" />

  <img alt="Preview" className="hidden dark:block" src="https://mintcdn.com/botpress-charmenta-pr-693/onS1E_sWBz4Azh7U/get-started/manage-your-agent/assets/preview-dark.png?fit=max&auto=format&n=onS1E_sWBz4Azh7U&q=85&s=4253b3ab38c7f559de8f446b0e3d0341" width="1366" height="598" data-path="get-started/manage-your-agent/assets/preview-dark.png" />
</Frame>

## Styling

The preview is generated using [Webchat](/webchat/get-started/introduction), Botpress' custom frontend. It shows how your agent will appear to users when you add it to your website.

For more information about styling your agent:

<Card title="Style your agent" icon="settings-2" href="/webchat/get-started/configure-your-webchat" horizontal>
  Configure your agent's appearance using Webchat.
</Card>