Skip to main content
Add a conversational AI avatar to your Shopify store using the Anam Widget — no coding required.

Cookbook: Adding the Anam Widget to Shopify

Step-by-step guide with screenshots for embedding the widget in your Shopify theme

​
Overview

The Anam widget can be added to any Shopify store by editing the theme.liquid file. Once installed, the avatar appears on every page (or specific pages using Liquid conditionals).

​
Quick Start

1

Create a persona in Anam Lab

Go to Anam Lab, create a persona, and configure its avatar, voice, and behavior. Navigate to the Widget tab to get your persona ID and configure the widget appearance.
2

Allowlist your Shopify domain

In the Widget tab, add your Shopify domain (e.g., https://your-store.myshopify.com) to the Allowed domains list.
3

Edit your Shopify theme

In your Shopify admin, go to Online Store > Themes > Edit code and open theme.liquid. Add the widget snippet after the opening <body> tag:
<anam-agent agent-id="your-persona-id"></anam-agent>
<script src="https://unpkg.com/@anam-ai/agent-widget" async></script>
4

Publish

Click Publish in Anam Lab to make the persona live on your store.
Use Shopify’s Liquid conditionals to show the widget only on specific pages. See the cookbook for examples.

​
Next Steps

Widget Configuration

Customize the widget’s appearance and behavior

Widget Events

Listen for widget events in your Shopify theme