Add virtual try-on with a snippet

Connect a button with the JavaScript snippet. Your store supplies the product image directly, together with its name, category and product-page link for returning to shop.

Your shop, one entry point

<script
  src="https://virtualtryon.store/widget.js"
  data-product-image="https://your-shop.example/product.jpg"
  data-product-name="Product name"
  data-product-url="https://your-shop.example/product"
  data-category="fashion"
  data-locale="en"
  data-mode="button"
  defer
></script>

Pass the selected variant's image URL, product name, category and purchase link. Check them before publishing; no shop-page extraction is required.

Demo shop

1
Review the storefront
Check whether your theme permits the snippet, how product variants are exposed and which security or consent rules apply.
2
Connect the product
Pass a direct product-image URL, name, category and product-page link. Check image access and update these values when the selected variant changes.
3
Place the entry point
Configure a product-page button or a floating button. Shoppers add their photo inside the hosted dialog and return to your product page when they close it.
4
Test the complete journey
Test supported phones and browsers, loading and error states, privacy information and agreed measurement events before release.