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

# Squarespace

> Add an Anam AI avatar widget to your Squarespace site

Add a conversational AI avatar to your Squarespace site using the [Anam Widget](/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 **Widget** tab to get your persona ID.
  </Step>

  <Step title="Allowlist your domain">
    In the Widget tab, add your Squarespace domain to the **Allowed domains** list.
  </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="/embed/widget/configuration">
    Customize the widget's appearance and behavior
  </Card>

  <Card title="Widget Events" icon="bolt" href="/embed/widget/events">
    Listen for widget events
  </Card>
</CardGroup>