Skip to main content
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 kicks in):
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.
  • 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 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.