Shopify
A theme edit, not an app install
Four steps inside the theme editor, and the button appears under Add to cart on every product page.
Where the tag goes
Four steps in the theme editor
- 01
Online Store, then Themes
Actions, then Edit code, on the theme you are actually serving. Duplicate it first if you would rather test on a copy.
- 02
Open theme.liquid
The layout every page inherits. Putting the tag here means it is present on product pages without editing each template.
- 03
Paste above </body>
The tag is async and self-mounting, so its position is not critical. Above the closing body tag keeps it out of the way of everything else.
- 04
Save, then open a product
The button should appear beneath Add to cart. If it does not, the product block is the first thing to check.
The tag itself is on the install page.
Why no app
What you get and what you give up
Live the moment you save
No listing, no review, no waiting on somebody else's queue to put a button on your own storefront.
Nothing installed in your store
No app permissions, no access to your orders or customers. The widget reads the product page a shopper is already looking at.
You re-paste on a theme change
This is the real cost of not being an app. One line, once, whenever you switch theme.
It works off Shopify too
The same tag runs on WooCommerce, a custom build, or anything else you can edit a template on.
Questions
Asked by Shopify merchants
- Is there a Shopify app?
- No, and that is deliberate. A script tag goes live the moment you save the theme, with no app listing, no review queue and no install flow between you and your first try-on.
- Will it survive a theme change?
- The tag lives in the theme, so a new theme needs the tag pasted again. That is the trade for not being an app. Add it to your theme checklist.
- Does it work with Dawn?
- Yes. Dawn emits Product structured data and uses the standard product form, which are the two things the widget looks for.
- What about a custom or headless build?
- The same tag works anywhere you can add a script. Make sure the product page carries a schema.org Product block with an image, which a headless build often skips.
- Does it slow the storefront?
- The tag is small and async, and the heavy part only loads when a shopper opens the panel. It does not block rendering or your Add to cart.
- Can I put it somewhere other than under Add to cart?
- It attaches to the first visible buy control it finds. If your theme's buy button is unusual, tell us the selector and we will look at it.
One line in your theme, and your shoppers can see themselves
Try-on comes out of the same credits as everything else, so there is nothing separate to buy. Set a daily cap before you turn it on.