> ## Documentation Index
> Fetch the complete documentation index at: https://docs.anagram.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Add to your site

> Put the code snippet on your storefront and go live.

Once a placement is configured, getting it onto your site is one small code snippet. Click **Launch** on your Anagram home page, or **Copy snippet** on the placement, and you'll get something like this (copying the snippet is where your [plan or free trial](/plans-and-billing) kicks in):

```html theme={null}
<script defer src="https://studio.anagram.ai/boot.js" data-placement="your-placement-id"></script>
```

Each placement has its own snippet. The snippet never changes after you paste it; everything you edit later in Anagram, from suggestions to style to the form factor itself, flows through automatically. The one exception worth knowing: if you switch a placement between a floating form factor and an embedded one, you may want to move the snippet, since embedded widgets render exactly where the snippet sits.

## Where to paste it

It depends on the form factor:

* **Center bar** and **Floating button** float above the page, so the snippet can go almost anywhere. The convention is just before the closing `</body>` tag, which applies it site-wide.
* **Custom trigger** also floats above the page, but stays closed until your site dispatches `anagram:open`. Put the snippet before `</body>`, then connect your own button as shown on the [Placements page](/launch/placements#form-factors).
* **Embedded panel** and **Embedded inline** render exactly where the snippet sits, so paste it at the precise spot on the page where the widget should appear.

## On Shopify

For a site-wide placement (center bar, floating button, or custom trigger):

1. In Shopify admin, go to **Online Store → Themes**.
2. On your live theme, click the **⋯** menu, then **Edit code**.
3. Open `theme.liquid` under Layout.
4. Paste the snippet on its own line just above `</body>`, near the bottom of the file.
5. Click **Save**.

For an embedded placement on a specific page, add a **Custom Liquid** section in the theme editor where you want the widget, and paste the snippet there.

If editing theme code makes you nervous, this is a two-minute task for whoever manages your theme. The snippet is a single line and doesn't touch anything else.

## Checking it worked

Open your storefront in a regular browser window and you should see the placement. If you don't:

* Give it a few minutes. Placement settings are cached briefly, so a just-created placement can take a moment to appear.
* Make sure the placement still exists in Anagram. A deleted placement's snippet renders nothing.
* For center bars with **Reveal after one page scroll** turned on, scroll down. It's working; it's waiting.

Still not showing? The [troubleshooting page](/troubleshooting#the-agent-isnt-appearing-on-my-live-site) has the full checklist.

## Taking it down

Two options. Deleting the placement in Anagram stops it from rendering immediately, no theme edit needed. Or remove the snippet from your theme, which does the same thing from the other side. For a temporary pause, deleting the placement in Anagram is faster, but note that you'd recreate it (and re-paste its new snippet) to bring it back.