Once AI Frame is installed, you decide exactly where the Try-On button sits on your product page. There are two ways to do it, a one-click quick start, and a precise-placement option for full control. Most merchants are done in under two minutes.
Option A - Quick start (works on every theme)
If you just want it live fast, the App Embed already places the Try-On button on your product pages automatically once it's switched on (see How to Install AI Frame). Nothing else to do, open any product page on your storefront and you'll see it.
Best for: getting live quickly, or themes that aren't Online Store 2.0.
Option B - Precise placement with an App Block (Online Store 2.0 themes)
Want the button in an exact spot - right under the price, beside "Add to cart", wherever converts best for you? Use the App Block.
In the app dashboard's Get started checklist, open App Block — Precise placement (OS 2.0).
Make sure you're using a supported template (usually product).
Click Add App Block (Product), then click Save.
In the Theme Editor sidebar you can add, remove or reorder the block and adjust its settings — drag it to the exact position you want.
💡 Which should I use? Quick start gets you live in one click. The App Block gives you pixel-level control over placement and placement matters, because a Try-On button near the "Add to cart" area gets seen and used more.
Good to know
You can use both: the app embed activates AI Frame, the app block fine-tunes placement.
Not sure if your theme is Online Store 2.0? If you can add blocks inside your product template, it is.
Related articles