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