<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<h4 class="text-text-100 mt-2 -mb-1 text-base font-bold wp-block-heading">Overview</h4>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Enhance your eyewear store with <strong>Virtual Try Glasses</strong> — a 3D virtual try-on built specifically for WooCommerce. Shoppers click a “Virtual Try” button on any enabled product page, grant camera access, and instantly see your frames on their own face, with face tracking that runs entirely in their browser.</p>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">For merchants, that means two things: shoppers buy with more confidence, and fewer of them return frames because “they didn’t suit my face” — the #1 reason for eyewear returns online. Each tryable product uses a 3D <code class="bg-text-200/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]">.glb</code> model paired with a PNG thumbnail for the picker, giving shoppers accurate depth, rotation, and fit on every frame.</p>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">No theme edits. No external dashboard. No video uploaded to a server.</p>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<h4 class="text-text-100 mt-2 -mb-1 text-base font-bold">Why Choose Virtual Try Glasses for Your Store?</h4>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<ul class="[li_&]:mb-0 [li_&]:mt-1 [li_&]:gap-1 [&:not(:last-child)_ul]:pb-1 [&:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3">
<li class="whitespace-normal break-words pl-2"><strong>Cut returns where they hurt most:</strong> Eyewear return rates online sit between 25–40%. Letting shoppers see frames on their own face before checkout — with realistic 3D depth — is the most direct way to bring that down.</li>
<li class="whitespace-normal break-words pl-2"><strong>Lift add-to-cart on enabled products:</strong> Stores running virtual try-on commonly see 1.5×–3× higher add-to-cart rates on the products they enable it for.</li>
<li class="whitespace-normal break-words pl-2"><strong>True 3D, not flat overlays:</strong> Every tryable frame uses a <code class="bg-text-200/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]">.glb</code> 3D model. Shoppers see depth, rotation, and accurate sizing on their face — not a flat sticker pasted over a photo.</li>
<li class="whitespace-normal break-words pl-2"><strong>Privacy by design:</strong> Face detection runs on-device in the shopper’s browser. Camera frames never leave their phone or laptop.</li>
<li class="whitespace-normal break-words pl-2"><strong>Built-in analytics:</strong> Per-product try-on sessions, conversion attribution, top-performing frames, and device/browser breakdown — all inside your WordPress admin.</li>
<li class="whitespace-normal break-words pl-2"><strong>Clean shopper UX:</strong> Tryable products show a “Virtual Try” button next to Add-to-Cart automatically. Shoppers can switch between frames inside the modal and screenshot results.</li>
<li class="whitespace-normal break-words pl-2"><strong>Founder-built, founder-supported:</strong> The team that builds it answers the support emails.</li>
</ul>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<h4 class="text-text-100 mt-2 -mb-1 text-base font-bold">How Virtual Try Glasses Works in 3 Steps</h4>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<ol class="[li_&]:mb-0 [li_&]:mt-1 [li_&]:gap-1 [&:not(:last-child)_ul]:pb-1 [&:not(:last-child)_ol]:pb-1 list-decimal flex flex-col gap-1 pl-8 mb-3">
<li class="whitespace-normal break-words pl-2"><strong>Install and connect:</strong> Install the plugin from your WordPress admin and connect your store. Setup takes a couple of clicks — no API keys to copy, no theme files to touch.</li>
<li class="whitespace-normal break-words pl-2"><strong>Enable products and upload assets:</strong> For each frame you want to make tryable, upload a 3D <code class="bg-text-200/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]">.glb</code> model along with a PNG thumbnail (used as the frame’s image in the in-modal picker).</li>
<li class="whitespace-normal break-words pl-2"><strong>Go live:</strong> A “Virtual Try” button auto-appears next to Add-to-Cart on every enabled product page. Shoppers click, allow camera access, and see your frames on their face in 3D real time.</li>
</ol>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<h4 class="text-text-100 mt-2 -mb-1 text-base font-bold">Quick Setup for Virtual Try Glasses</h4>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<ol class="[li_&]:mb-0 [li_&]:mt-1 [li_&]:gap-1 [&:not(:last-child)_ul]:pb-1 [&:not(:last-child)_ol]:pb-1 list-decimal flex flex-col gap-1 pl-8 mb-3">
<li class="whitespace-normal break-words pl-2"><strong>Install the plugin</strong> from the WooCommerce Marketplace and activate it inside your WordPress admin.</li>
<li class="whitespace-normal break-words pl-2"><strong>Connect your store</strong> from the Virtual Try dashboard in your sidebar.</li>
<li class="whitespace-normal break-words pl-2"><strong>Enable a product</strong> and upload its assets — a <code class="bg-text-200/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]">.glb</code> 3D model plus a PNG thumbnail for the picker.</li>
<li class="whitespace-normal break-words pl-2"><strong>Customize the button</strong> — color, label, and placement to match your theme.</li>
<li class="whitespace-normal break-words pl-2"><strong>Go live.</strong> The button appears on the product page automatically.</li>
</ol>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Need 3D models? We can point you to affordable modeling partners who specialize in eyewear <code class="bg-text-200/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]">.glb</code> assets — most frames cost well under what a single returned order does.</p>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<h4 class="text-text-100 mt-2 -mb-1 text-base font-bold">Start Boosting Sales with Virtual Try Glasses Today!</h4>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Online eyewear shoppers don’t hesitate because they don’t like your frames — they hesitate because they can’t picture themselves <em>in</em> them. <strong>Virtual Try Glasses</strong> removes that hesitation, on the same product page where the decision happens, with real 3D depth that flat overlays can’t match.</p>
</div>
</div>
<div>
<div class="standard-markdown grid-cols-1 grid [&_>_*]:min-w-0 gap-3">
<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Install it on a Sunday night. Enable your bestsellers. Watch the first try-on session land Monday morning, right in your dashboard.</p>
</div>
</div>

Virtual Try Glasses

<p>A privacy-first 3D virtual try-on for eyewear stores. Shoppers see your glasses on their own face in real time using their device camera — powered by 3D models for accurate fit and depth. Reduce returns, lift conversion, and let customers buy with confidence.</p>

<p><span style="font-weight: 400">Enable your customers to design and customize a product to fit their needs with the product designer for WooCommerce. It enables you to customize T-shirts, cups, business cards, and other similar products by uploading and adding text, images, and custom designs.</span></p>
<p><span style="font-weight: 400">It allows your customers to create custom product designs exactly how they want. They can add text, clipart, shapes, and effects, or even upload their own designs.</span></p>
<h2><b>Features:</b></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Allow customers to add text to the products</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select different text colors for the text</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">2 product customizer layout </span><b>(New)</b>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Classic Customizer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Modern Customizer</span></li>
</ul>
</li>
<li style="font-weight: 400"><span style="font-weight: 400">Set customization fee </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize text such as font type, size, and style</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Effects like grayscale, sepia, invert, emboss, sharpen, blur</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Shapes like square, circle, oval, diamond</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Upload cliparts and display them to customers for customization</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize both simple and variable products in the designer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customization of both the front and back sides of the product</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow the user to upload a custom design and images</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow specific image upload type </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Download the design image separately</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize product designer interface</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Integrate Pixabay</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Share the designed product </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add a Barcode</span></li>
</ul>
<h3><b>Design any Type of Product</b></h3>
<p><span style="font-weight: 400">Allow customers to personalize products like t-shirts, mugs, hats, and more using custom product designer for WooCommerce. They can easily add text, images, and clipart to create unique designs that match their style.</span></p>
<p><span style="font-weight: 400">Choose between two customizer layouts: </span><b>Classic </b><span style="font-weight: 400">and</span><b> Modern</b><span style="font-weight: 400">. The modern customizer includes both light and dark modes, offering an improved design and user experience.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-1-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-1.png","id":"18734006325569","title":"Design any Type of Product 1","alt":"Design any Type of Product 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-2.png","id":"18734006325568","title":"Design any Type of Product 2","alt":"Design any Type of Product 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-3.png","id":"18734006325567","title":"Design any Type of Product 3","alt":"Design any Type of Product 3","caption":"","itemprop":"image"}]"></div>
<h3><b>Set a Product Customization Fee (New)</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce allows you to charge for the customization of the products. It helps you generate additional revenue and charge for printing, embossing, or carving services. You can set the fees globally or individually for all the products.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325700" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-a-Product-Customization-Fee-New-1.png?w=896" alt="Set a Product Customization Fee (New)" width="896" height="534" /></p>
<h3><b>Add Cliparts for Designing</b></h3>
<p><span style="font-weight: 400">Upload custom clipart from the backend to give customers more creative options when designing their products. Product customizer for WooCommerce lets you organize clipart into categories, making it easier for customers to browse and select the perfect designs for personalization.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-2-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-1.png","id":"18734006325575","title":"Add Cliparts for Designing 1","alt":"Add Cliparts for Designing 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-2.png","id":"18734006325576","title":"Add Cliparts for Designing 2","alt":"Add Cliparts for Designing 2","caption":"","itemprop":"image"}]"></div>
<h3><b>Add Front and Back Images</b></h3>
<p><span style="font-weight: 400">This plugin allows you to add front and back images of the products. It helps customers to extensively customize their products from both sides.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-3-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images.png","id":"18734006325580","title":"Add Front and Back Images","alt":"Add Front and Back Images","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images-2.png","id":"18734006325579","title":"Add Front and Back Images 2","alt":"Add Front and Back Images 2","caption":"","itemprop":"image"}]"></div>
<h3><b>Integrate Pixabay</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce lets you enable Pixabay and allows customers to add high-resolution images or designs to their products. Customers can choose from more than 5 million images on Pixabay to enhance their product designs.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325582" src="https://woocommerce.com/wp-content/uploads/2024/12/Integrate-Pixabay.png?w=896" alt="Integrate Pixabay" width="896" height="434" /></p>
<h3><b>Allow Specific Image Upload Types (New)</b></h3>
<p><span style="font-weight: 400">Custom product designer lets your customers upload a custom image and design to enhance their product customization. You can also restrict uploads to specific file types, such as JPG, PNG, or SVG, ensuring compatibility, maintaining image quality, and preventing unsupported or unsafe file formats from being uploaded.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325583" src="https://woocommerce.com/wp-content/uploads/2024/12/Allow-Specific-Image-Upload-Types-New.png?w=896" alt="Allow Specific Image Upload Types (New)" width="896" height="148" /></p>
<h3><b>Customize the Product Designer</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce lets you adjust the canvas size, set a custom heading, and choose colors for backgrounds, text, and buttons to match your store’s branding. You can also set pricing for custom designs, helping you manage personalized orders while keeping the design area clean, user-friendly, and optimized.</span></p>
<p><b>Note</b><span style="font-weight: 400">: Customization options are available only in the Classic Customizer (V1).</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-4-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer-2.png","id":"18734006325585","title":"Customize the Product Designer 2","alt":"Customize the Product Designer 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer.png","id":"18734006325586","title":"Customize the Product Designer","alt":"Customize the Product Designer","caption":"","itemprop":"image"}]"></div>
<p> </p>
<p><span style="align-items: center;solid transparent;border-radius: 2px;margin-bottom: 32px;margin-top: 32px;padding: 24px"><b>Note</b>: Customization options are available only in the Classic Customizer (V1).</span></p>
<h3><b>Download Design Image</b></h3>
<p><span style="font-weight: 400">Admins can download the design image directly from the order details, making it easy to review and print each design accurately for production.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325587" src="https://woocommerce.com/wp-content/uploads/2024/12/Download-Design-Image.png?w=896" alt="Download Design Image" width="896" height="212" /></p>
<h3><b>Compatible with Variable Products</b></h3>
<p><span style="font-weight: 400">Product designer plugin for WooCommerce works seamlessly with variable products, enabling customization for each variation. Upload separate front and back images for every variation so customers see an accurate preview based on their selected size, color, or style.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325588" src="https://woocommerce.com/wp-content/uploads/2024/12/Compatible-with-Variable-Products.png?w=896" alt="Compatible with Variable Products" width="896" height="485" /></p>
<h3><b>Share Your Customized Designs</b></h3>
<p><span style="font-weight: 400">Let customers easily share their personalized products on social media straight from the product designer. This boosts engagement, highlights their creations, and promotes your store organically.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325589" src="https://woocommerce.com/wp-content/uploads/2024/12/Share-Your-Customized-Designs.png?w=896" alt="Share Your Customized Designs" width="896" height="469" /></p>
<p> </p>

Custom Product Designer

<p><span style="font-weight: 400">Enable customers to customize the product according to their preference with WooCommerce product designer.</span></p>

Virtual Try Glasses vs Custom Product Designer