---
title: Try-On Widget
description: >-
  What a try-on widget is, how it embeds on an e-commerce product page, and the
  typical flow from button click to try-on result.
shortDefinition: >-
  The embeddable UI component on a product page that lets shoppers launch a
  virtual try-on without leaving the site.
relatedTerms:
  - virtual-fitting-room
  - garment-transfer
  - ar-try-on
heroImage: /glossary-images/try-on-widget-button.webp
keywords:
  - try-on widget
  - virtual try-on button
publishedAt: '2026-06-10'
updatedAt: '2026-06-10'
noindex: false
canonicalPath: /glossary/try-on-widget
---

## What is a try-on widget?

A **try-on widget** is the user interface component embedded on an e-commerce product page that lets shoppers launch a virtual try-on experience without leaving the site or downloading an app.

It is the shopper-facing entry point to a [virtual fitting room](/glossary/virtual-fitting-room.md): usually a button near the add-to-cart area that opens a modal or drawer where the try-on takes place.

![Try-on widget button embedded on a product page](/glossary-images/try-on-widget-button.webp)

## How it works

1. **Embed**: a script injected by the platform (on Shopify, typically a theme app embed) renders the button on product pages.
2. **Launch**: clicking the button opens the widget in an overlay, keeping the product page underneath.
3. **Capture**: the shopper uploads a photo or uses their camera.
4. **Result**: the rendered try-on is displayed, often with options to switch sizes, colors, or products.

Because the script loads on every product page, widgets are typically split into a small boot script and a lazily loaded UI to limit the impact on page performance.

<Faq>
  <FaqItem question="Does a try-on widget require an app download?">
    No. The experience runs entirely in the browser, inside the store. That is what distinguishes a widget from app-based try-on flows.
  </FaqItem>
</Faq>