Overview
Try It On adds a virtual try-on button to your product pages. Shoppers enable their camera or upload a photo, and see a realistic AI-generated preview of the product on themselves before they buy.
Install & enable
Try It On ships as a theme app extension, so turning it on is a one-time setup in the Shopify theme editor.
- From your Shopify admin, go to Online Store > Themes and click Customize on your live theme.
- In the theme editor, click App embeds in the left sidebar (the puzzle-piece icon near the bottom).
- Find Try It On button in the list and toggle it on.
- Click Save in the top right.
Customize label & color
While you're in App embeds > Try It On button, you can adjust:
| Setting | What it does | Default |
|---|---|---|
| Button label | The text shown on the button, e.g. "Virtual Try-On" or "See It On Me" | Virtual Try-On |
| Button color | The button's background color, matched automatically in the popup modal | #6D28D9 |
If you're using Manual placement, the manual block has its own independent Button label / Button color settings, so the two placements can look different if you want them to.
Automatic vs. Manual placement
Try It On offers two ways to control where the button appears on your product page.
| Automatic | Manual | |
|---|---|---|
| Setup | Turn on the app embed — done | Turn on the app embed, set Placement to Manual, then drag a block into your section |
| Position | Detected automatically, placed directly above Add to cart | Exactly where you drop it in the theme editor |
| Best for | Getting started quickly, standard theme layouts | Custom themes, or when you want the button somewhere other than just above Add to cart (e.g. under the price, next to the size selector) |
| Recommended | ✅ Yes, for most stores | Only if Automatic doesn't place the button where you want |
Automatic placement
This is the default. Once the Try It On button app embed is turned on with Placement set to Automatic (recommended), the button is inserted directly above Add to cart / Buy it now on every product page — no further setup needed. Try It On scans your theme's markup for the add-to-cart button and works with the large majority of Online Store 2.0 themes out of the box.
Manual placement
Manual placement gives you full control over exactly where the button sits on the product page, using Shopify's drag-and-drop theme editor.
- In the theme editor's App embeds panel, open Try It On button and set Placement to Manual. This turns off automatic insertion.
- Navigate to a product page in the theme editor (or select the Product template).
- Click into the section where you want the button — commonly the main product information section.
- Click Add block, then choose Try It On button (manual) from the Apps section of the block list.
- Drag the new block up or down within the section to position it exactly where you want — above the price, below the variant picker, next to Add to cart, wherever fits your layout.
- Adjust that block's own Button label / Button color settings if you want it to differ from the app embed's.
- Click Save.
Because the manual block carries its own copy of your shop and product data, it works independently — you don't strictly need the app embed turned on at all for the manual block to function. Turning off Placement's Automatic mode simply prevents a duplicate button from also being auto-inserted.
Switching modes safely
You can switch back and forth at any time from App embeds > Try It On button > Placement — changes take effect as soon as you save in the theme editor.
How Try It On works for shoppers
- A shopper clicks the Try It On button on a product page.
- A popup opens showing the product and two options: Enable Camera or Upload a photo.
- If they enable their camera, they take a quick photo directly in the browser. If they upload instead, they pick an existing photo from their device.
- Try It On generates an AI preview of the product on the shopper, typically in 30–60 seconds.
- The shopper sees the result, can download the image (if enabled on your plan), or try another photo.
Photo privacy
Shopper photos are used only to generate that single preview and are never stored — this is stated directly in the app's modal so shoppers can try it with confidence. No photo data is retained by Try It On after the preview is generated.
Credits
Each generated try-on preview uses one credit from your store's plan. If your store runs out of credits, shoppers will see a message letting them know the feature is temporarily unavailable rather than an error — check your plan in the app dashboard to top up or upgrade.
Troubleshooting
The button isn't showing up on product pages
- Confirm the Try It On button app embed is toggled on in Theme settings > App embeds.
- If Placement is set to Manual, the button only appears where you've placed the Try It On button (manual) block — add it via Add block > Apps if you haven't yet.
- If Placement is Automatic and the button still isn't appearing, your theme's add-to-cart markup may not be recognized. Switch to Manual placement as a reliable fallback.
- Make sure you're previewing a real product page, not a collection, cart, or home page — the button only renders there.
I'm seeing two Try It On buttons
This happens when the Manual block has been added and Placement is still set to Automatic. Set Placement to Manual in the app embed settings, or remove the manual block, so only one is active.
Camera doesn't work
- Browsers require HTTPS and explicit camera permission — make sure the shopper allows camera access when prompted.
- Some browsers block camera access in embedded/in-app browsers (e.g. some social media apps). Shoppers can use Upload a photo instead, which works everywhere.
Generation fails or times out
- Check that your store hasn't run out of credits.
- Try again — occasional network hiccups can interrupt generation; the shopper can retry from the same popup.
FAQ
Does this slow down my store?
The button and its assets load asynchronously and only do meaningful work on product pages, so there's no measurable impact on page load for the rest of your store.
Can I use both Automatic and Manual at once, for different products?
The Placement setting is store-wide, not per-product. If you need different placement per product, use Manual placement and position the block within a section — or reach out to support for guidance on more advanced setups.
Will this work with my theme?
Try It On supports Online Store 2.0 themes. Automatic placement works with the vast majority of themes out of the box; Manual placement works with any Online Store 2.0 theme regardless of markup, since you control the position directly.
Do you store customer photos?
No. Photos are used only to generate the requested preview and are never stored.
Contact support
Still stuck? Reach out and we'll help you get set up via our Contact Form.