> ## Documentation Index
> Fetch the complete documentation index at: https://botpress-charmenta-pr-718.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-718/l6kyiC061S7NjsuG/get-started/manage-your-agent/assets/preview.png?fit=max&auto=format&n=l6kyiC061S7NjsuG&q=85&s=e6d740ee964956c70e89a3322b47a755" 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-718/l6kyiC061S7NjsuG/get-started/manage-your-agent/assets/preview-dark.png?fit=max&auto=format&n=l6kyiC061S7NjsuG&q=85&s=de56c5e991062df7c0691805d9046f48" 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>