The Virtual Try-On widget gives shoppers a fun, immersive, and highly engaging way to explore makeup shades—turning passive browsing into confident, cart-worthy actions.

Whether they’re curious about the perfect blush or trying to find their foundation match, this interactive feature helps eliminate guesswork and boosts conversion.





Steps to add Virtual Try-on on your landing pages:

  • Go to Setup Storyboard.

  • Under Add Widgets, choose Virtual Try-On. It will appear under Selected Widgets.

  • Click the edit icon next to the widget.

  • Select the Try-On Modes:
    Live Camera Overlay: Instantly preview makeup shades on the shopper’s own live camera feed.
    Immersive Shade Testing: Test foundations, blushers, and eye paints in a clean, seamless modal—no messy samples needed.

  • Set up layout, select product category (lipstick, foundation, etc.), and define display options.

  • Edit consent message for camera access (GDPR compliant).

  • Tag the right products to create curated “looks., by clicking on "Add looks".

  • Click Save.


After a Try-On session, shoppers can effortlessly continue to the product page or add items directly to their cart—turning playful discovery into confident purchases.



The Shopalyst Experience Builder offers a wide range of widgets that cater to diverse use cases. To know more about Shopalyst Widget Library click here.

Looking for more help? Instructions to reach out to support are here.