About the LBW Try-On Demo
A Real WooCommerce Beauty Try-On Demo
This demo shows how shoppers can preview supported beauty products inside the browser using live camera mode or selfie upload, then choose products directly inside the app experience.
Views and Controls
Zoom, Preview, and Mode Controls
The interface is not just a flat overlay. It includes natural look controls, zoom states, source selection, and product-specific options for a cleaner shopper experience.
Front-End Experience
Built Around the Actual Try-On Interface
The demo interface includes real product controls, preview states, zoom views, natural look toggles, and product-specific options instead of generic mockup filler.
LBW AR Try-On for WooCommerce is built to work from the WooCommerce backend, allowing supported beauty products, shades, and product options to be managed through the store itself instead of through disconnected front-end-only setup.
At the backend level, the system is meant to fit how beauty products are actually organized in WooCommerce. That includes the product record itself, supported product types, variation-based options, and the color data used to drive the try-on presentation. Instead of relying on generic placeholder colors or static mockups, the plugin is designed so real product setup plays a central role in how the try-on experience is configured.
This is especially important for beauty stores because many products are not single-option items. Lipsticks, lip liners, foundations, concealers, blushes, eyeshadows, eyeliners, and similar categories often need shade-by-shade setup. With LBW AR Try-On for WooCommerce, those supported options can be managed in a more structured backend workflow rather than being treated like loose front-end visuals.
For color handling, the backend can work in two practical ways. A store owner can upload color swatches, or at minimum use a source image that contains the correct intended shade in the center area, since the plugin samples color from that region. This makes the source image important, because it should reflect the real usable product color rather than lighting shifts, labels, edges, or mixed tones that could throw the sampling off.
When more exact control is needed, the backend also supports direct hex color entry. That gives the store owner another option when image sampling is not precise enough or when a product line needs tighter color consistency. In practice, this means the plugin can support both image-based color setup and exact manual color definition, depending on how the store wants to manage each product.
That flexibility is useful because different product lines may need different backend handling. Some products may work well with swatch-based or image-based sampling, while others may need direct hex values for cleaner control. By supporting both methods, LBW AR Try-On for WooCommerce gives the store owner a more practical way to manage shades without forcing everything into one rigid setup model.
From a product-management standpoint, this keeps the try-on experience tied more closely to the real WooCommerce catalog. Supported shades and options can be maintained through backend product setup, which makes it easier to update products, add new colors, refine existing variations, and expand supported categories over time without rebuilding the front-end presentation every time something changes.
In long-term use, that backend-driven structure is one of the most important parts of the system. It helps keep product data, color setup, and try-on presentation aligned, giving beauty stores a cleaner way to manage supported items while creating a more accurate and more maintainable WooCommerce-based shopping experience.
Ready to Test the Demo?
Open the try-on app to choose a product, test shades, switch between live camera and selfie mode, and explore the supported beauty categories.


