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 Embed tab and choose Widget to get your persona ID and configure the widget appearance.
2

Allowlist your Shopify domain

In the Embed tab, choose Widget and enter your Shopify domain (e.g., https://your-store.myshopify.com) 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.
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:
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
Last modified on September 16, 2026