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

# Anam Widget Overview

> Embed a conversational Anam avatar on any website with a self-contained web component configured securely through Anam Lab.

![Anam Widget](https://mintcdn.com/anam/Z0NV_HNCP25rHJMP/widget-preview.png?fit=max\&auto=format\&n=Z0NV_HNCP25rHJMP\&q=85\&s=66c3759735911ced026f73f59cecd85c)

## What is the Anam Widget?

The Anam Widget (`<anam-agent>`) is a self-contained [Web Component](https://developer.mozilla.org/en-US/docs/Web/API/Web_Components) that embeds a conversational AI avatar on any website. Configuration is managed through [Anam Lab](https://lab.anam.ai) and securely fetched at runtime using domain-based authentication.

## Quick Start

**1. Create a persona in Lab**

Go to [Anam Lab](https://lab.anam.ai), create a persona, and configure its avatar, voice, and behavior. Navigate to the **Embed** tab and choose **Widget** to customize the widget appearance.

**2. Allowlist your domain**

In the **Embed** tab, choose **Widget** and enter your website origin (for example, `https://example.com`) under **Allowed Domains**, then select **+** to add it. Alternatively, enable **Allow everywhere** for unrestricted access.

**3. Publish your persona**

Click **Publish** to make your configuration live. The widget fetches published settings at runtime, so unpublished changes won't appear on your site.

**4. Paste the embed snippet**

Copy the embed code from **Embed > Widget** and add it to your website:

```html theme={"system"}
<anam-agent agent-id="your-persona-id"></anam-agent>
<script src="https://unpkg.com/@anam-ai/agent-widget" async></script>
```

## Next steps

> [card] [Installation](https://anam.ai/docs/embed/widget/installation.md)
>
> CDN, npm, and framework-specific setup guides.

> [card] [Configuration](https://anam.ai/docs/embed/widget/configuration.md)
>
> All HTML attributes, layout options, and positioning.

> [card] [Shopify](https://anam.ai/docs/embed/widget/shopify.md)
>
> Add the widget to your Shopify store.

> [card] [WordPress](https://anam.ai/docs/embed/widget/wordpress.md)
>
> Add the widget to your WordPress site.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.