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

# Website widget deployment

> Add AI agents to your website in minutes.

Widgets embed AI agents directly on your site. Use them for customer support, lead capture, content recommendations, and similar workflows.

## Step 1: Create a deployment

1. Go to [User Hub → Agents](https://corgent.ai/user-hub?tab=agents).
2. Find the agent you want and click **Deploy**.
3. Choose **Website Widget** as the deployment type.
4. Give your deployment a name, for example *Support Chat Widget*.

## Step 2: Copy the embed code

After creating the deployment, copy the embed snippet:

```html theme={null}
<!-- Add your widget loader -->
<script src="https://api.corgent.ai/widget.js" async></script>

<!-- Mount point (or let the loader create one) -->
<div id="corgent-widget"></div>

<script>
  window.CorgentWidget = window.CorgentWidget || [];
  window.CorgentWidget.push({
    deploymentId: 'YOUR_DEPLOYMENT_ID',
    apiUrl: 'https://api.corgent.ai'
  });
</script>
```

## Step 3: Add to your website

1. Copy the embed code.
2. Paste it into your HTML just before the closing `</body>` tag.
3. Save and publish your site.
4. The widget appears automatically on the page.

<CardGroup cols={2}>
  <Card title="Popular platforms" icon="globe">
    Widgets work with WordPress, Webflow, Wix, Squarespace, Shopify, React, Vue, custom HTML sites, and more.
  </Card>

  <Card title="Domain allowlist" icon="shield-check">
    Specify which domains may use your deployment. This prevents unauthorized use of your credits.
  </Card>
</CardGroup>