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

# WordPress

> Add an Anam AI avatar widget to your WordPress site

Add a conversational AI avatar to your WordPress site using the [Anam Widget](/embed/widget/overview) and the WPCode plugin -- no coding required.

<Card title="Cookbook: Adding the Anam Widget to WordPress" icon="book-open" href="https://anam.ai/cookbook/widget-wordpress">
  Step-by-step guide for embedding the widget using WPCode
</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 WordPress domain to the **Allowed domains** list.
  </Step>

  <Step title="Install WPCode">
    In your WordPress admin, go to **Plugins > Add New** and search for **WPCode**. Install and activate it.
  </Step>

  <Step title="Add the widget code">
    Go to **Code Snippets > Add Snippet** and create a new **HTML Snippet**. Paste:

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

    Set the insertion method to **Site Wide Header** and activate the snippet.
  </Step>

  <Step title="Publish">
    Click **Publish** in Anam Lab to make the persona live.
  </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>