Driving try-on usage
A working install still goes unused if shoppers never notice the button. Because you control your storefront’s markup directly, placement is entirely yours to choose — here’s what to aim for.
Put the button next to Add to Cart
Section titled “Put the button next to Add to Cart”Place the element carrying data-tryon-product-id directly beside or below your Add to Cart
button, above the fold. Shoppers are already looking there when they’re deciding, and it doesn’t
ask them to go hunting.
Any element with that attribute is bound automatically — it doesn’t have to be a <button>. See
Storefront integration for the binding rules and the
window.openTryOn() call if you’d rather trigger it from your own UI.
Check mobile separately
Section titled “Check mobile separately”Product templates usually stack differently on narrow viewports, so a button that sits above the fold on desktop can end up several scrolls down on a phone. Load a product page on a real device and confirm the button is still near Add to Cart.
Write a label that says what happens
Section titled “Write a label that says what happens”Keep it short and action-led — “See it on you” or “Try it on” — so it’s obvious what clicking it does. Since you own the markup, the button inherits your own styles; make sure it reads as a primary action rather than a secondary link.
Start with your highest-traffic products
Section titled “Start with your highest-traffic products”The Install Widget page lists a snippet per active product, so you can roll out gradually. Start with the products that already get the most visits — you’ll get readable numbers from them fastest, which tells you whether your placement works before you go wider.
Link campaigns straight into try-on
Section titled “Link campaigns straight into try-on”The Advanced section of the Install Widget page includes a URL parameter that auto-opens try-on on page load. That turns any email, ad, or QR code into a direct link to the try-on experience rather than to a product page the shopper still has to act on.
Use it for campaign traffic specifically — leaving it on for organic traffic means every visitor gets the modal whether they asked for it or not.
Show related products inside the modal
Section titled “Show related products inside the modal”Also under Advanced: an option to show related products inside the try-on modal, so a shopper who opens try-on for one frame can move through several without going back to your listing pages. Worth turning on if your catalog has close variants.
Measuring results — the dashboard metrics and funnels, and what each one counts.