Where to put the try-on button

Try-on can be fully set up and still go unused if shoppers never notice the button. This page covers where to put it, what to call it, and how to check whether the placement is working.

Put it next to Add to Cart

In Online Store → Themes → Customize, drag the Try On block so it sits directly beside or below your Add to Cart button on the product template. That area is where shoppers are already looking when they’re deciding, and it keeps the button above the fold on most themes.

Avoid placing it in the description tab, an accordion, or below the fold — the block renders fine there, but shoppers have to go looking for it.

Check the mobile layout separately

The block is responsive, but your theme may stack the product page differently on mobile, and a placement that sits above the fold on desktop can end up several scrolls down on a phone. Use the theme editor’s mobile preview and confirm the button is still near Add to Cart.

Write a label that says what happens

The block’s Button text setting defaults to “See it on you”. If you change it, keep it short and action-led so it’s obvious what tapping it does — clear beats clever. There’s also an optional helper text line under the button (on by default) that reads differently depending on whether the product is on AI Swap or real-time AR; leave it on if your label is very short.

See Theme extension for the full list of button settings.

Add the storefront badge

The button only exists on product pages. Quick Icons is a separate site-wide app embed that puts a small “Try On” badge on product cards across your home, collection, and search pages, so shoppers know try-on exists before they open a product. Turn it on once from the theme editor’s App embeds panel — there’s no per-template placement to do.

Start with your highest-traffic products

You don’t need your whole catalog live to learn whether placement works. Enable try-on on the products that already get the most visits, then read the funnel on those before rolling wider. Bulk activation by collection is covered in Enable try-on on a product.

Link to it from campaigns

Any product page with try-on active works as a campaign destination — there’s no special try-on URL. Link to the product page from an email or banner and mention that try-on is available, so shoppers arrive knowing to look for the button.

Confirm shoppers are seeing it

Two storefront events tell you whether the placement is working, both fired by the theme block before the widget loads:

• pdp_viewed — a product page rendered with a try-on button on it. This is the opportunity count.
• button_viewed — that button actually scrolled into the viewport. This is a real impression.

A large gap between the two means the button is rendering below where shoppers stop scrolling — move it up rather than changing the label. If button_viewed is healthy but sessions are low, the placement is fine and the label or the button styling is the thing to change.

See Measuring results for where these show up.

Next

Measuring results — the dashboard metrics and funnels, and what each one counts.