> ## 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.

# Add the Anam Widget to Framer

> Add a conversational Anam avatar to a Framer site, configure the widget, and verify that domain authentication and microphone access work.

Add an Anam avatar to your Framer site with the [Anam Widget](https://anam.ai/docs/embed/widget/overview.md).

> [card]
>
> [Open](https://www.framer.com/marketplace/plugins/anam-avatar/preview/)

## Quick Start

**1. Configure a persona**

Open a persona in [Anam Lab](https://lab.anam.ai) and configure its avatar, voice, and behavior.

**2. Publish and copy the widget code**

In the **Embed** tab, choose **Widget** and enter your Framer domain under **Allowed Domains**, then select **+** to add the origin. Select **Publish**, then copy the widget embed code.

Add the origin visitors actually use, including any custom domain. See [origin format and matching rules](https://anam.ai/docs/embed/widget/installation.md#domain-allowlisting).

**3. Add the widget in Framer**

Open the [Anam Avatar plugin](https://www.framer.com/marketplace/plugins/anam-avatar/preview/) in Framer and paste the widget code.

## Next Steps

> [card] [Widget Configuration](https://anam.ai/docs/embed/widget/configuration.md)
>
> Customize the widget's appearance and behavior

> [card] [Widget Events](https://anam.ai/docs/embed/widget/events.md)
>
> Listen for widget events in your Framer website


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