The Try On button sits on the first product image — the main photo on the product page. Shoppers tap it there. You do not place it next to Add to cart.
There are two ways to turn it on: a one-click app embed (every theme), and an optional app block. Most merchants are done in under two minutes.
Option A: Turn on AI Frame (every theme)
In Get started with AI Frame, open Turn on AI Frame and click Turn on in Theme Editor. Toggle AI Frame – Virtual Try-On on, then Save. The embed places Try On on the first product image automatically (see How to Install AI Frame).
Best for: getting live quickly, or themes that cannot add app blocks.
Option B: Show try-on on product images (optional block)
The Virtual Try-On app block hosts the same overlay. Use it if you want that block on a specific product template.
In the app dashboard's Get started with AI Frame checklist, open Show try-on on product images.
Click Add try-on block to open Theme Editor on Default product.
In Add block → Apps, choose Virtual Try-On, then click Save. Repeat for every product template you use.
💡 Which should I use? The embed is enough for almost every store. Keep it on even if you also add the app block, the embed is what runs AI Frame, including Size Chart next to the size picker and (on Starter and above) Estimate my size / Your size above Add to cart. Those sizing surfaces are separate from the Try On pill.
Good to know
You can use both: the app embed activates AI Frame, the app block is optional.
If Add try-on block is not in your checklist, your theme cannot add app blocks. Use Option A.
The shopper-facing label defaults to Try On. Change text and position under Virtual Try-On → Try-on pill on product image. See How to Change the Try-On Button Text.
To hide the pill on certain catalog types, use Exclude product types. That only hides Try On — Size Chart and Sizing assist still show on assigned products. Learn more in the app opens How to Choose Which Products Show the Try-On Button.
Related articles