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

> Add the Anam Widget to a Squarespace site with code injection, then configure placement, domain access, and the avatar experience.

Add a conversational AI avatar to your Squarespace site using the [Anam Widget](https://anam.ai/docs/embed/widget/overview) and Squarespace's code injection feature -- no coding required.

<Card title="Cookbook: Adding the Anam Widget to Squarespace" icon="book-open" href="https://anam.ai/cookbook/widget-squarespace">
  Step-by-step guide for embedding the widget using Squarespace's code injection
</Card>

## Quick Start

<Steps>
  <Step title="Create a persona in Anam 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 get your persona ID.
  </Step>

  <Step title="Allowlist your domain">
    In the **Embed** tab, choose **Widget** and enter your Squarespace domain under **Allowed Domains**, then select **+** to add the origin. Select **Publish** before testing the embed.

    Add the origin visitors actually use, including any custom domain. See [origin format and matching rules](/docs/embed/widget/installation#domain-allowlisting).
  </Step>

  <Step title="Add to Squarespace">
    In your Squarespace dashboard, go to **Settings > Advanced > Code Injection**. Paste the following into the **Header** section:

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

    Then paste into the **Footer** section:

    ```html theme={"system"}
    <anam-agent agent-id="your-persona-id"></anam-agent>
    ```
  </Step>

  <Step title="Publish">
    Click **Publish** in Anam Lab and save your Squarespace settings.
  </Step>
</Steps>

## Next Steps

<CardGroup cols={2}>
  <Card title="Widget Configuration" icon="sliders" href="https://anam.ai/docs/embed/widget/configuration">
    Customize the widget's appearance and behavior
  </Card>

  <Card title="Widget Events" icon="bolt" href="https://anam.ai/docs/embed/widget/events">
    Listen for widget events
  </Card>
</CardGroup>


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