# Chat Widgets

Once you have created an AI Agent, you can embed it directly into your own website using our _Chat Widget_.

## Quick Start

1. **Register Your Website Domain**:
   For security, enter your website's domain on the _[Widget Sites](/keys/widgets)_ page. This whitelisting prevents unauthorized websites from embedding your agent and consuming your resources.

2. **Ensure Public Visibility**:
   Because visitors on your website interact with the widget without logging in, make sure your agent's visibility is set to **Public** on the _[Agents](/agents)_ page.

3. **Copy the HTML Snippet**:
   Click on the _Widget_ button on any agent card or details page to copy the embed snippet:

```html
<script type="module" src="https://widget.aish.li/widget.js" async></script>
<ai-chat agent="your-account/your-agent" max></ai-chat>
```

Paste this HTML code into your webpage (for example, right before the closing `</body>` tag) to display the interactive chat assistant to your users.