<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>

<h2>Get more items in the cart by building urgency and trust with your customers</h2>
<div class="twocol-one" style="margin-bottom: 0">
<p>Product Badges helps you showcase key product details, limited-time offers, or important info directly on your product images. Choose from pre-made badges, upload your own, use a countdown timer, or create custom badges with text or code.</p>
<p>Use product badges to:</p>
<ul>
<li>Build urgency with countdowns and low-stock labels</li>
<li>Promote sales, shipping perks, or product features</li>
<li>Highlight categories, brands, or custom tags</li>
</ul>
<p>No image editing required. Just pick a badge and assign it to the products you want.</p>
<p>The built-in dashboard makes it simple to create, customize, and apply badges. Assign badges by product type, stock status, category, tag, shipping class, or manually for full control.</p>
<p>Badges can be shown on:</p>
<ul>
<li>All products or specific products</li>
<li>Sale or non-sale products</li>
<li>Out of stock, backorder, or featured products</li>
<li>Products in specific categories or with specific tags</li>
</ul>
<p style="font-style: italic">Read on to find out why you should use Product Badges and the great features included…</p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" /></a></p>
<div class="woocommerce-message">
<div><strong>Jack, an ecommerce store owner said:</strong></div>
<div style="margin-top: 0.5em"><i>“I was previously wasting lots of time editing product images and adding badges, now I can easily create badges and assign them to specific products.”</i></div>
</div>
</div>
<hr style="clear: both" />
<h2>Features</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;margin-bottom: 18px">
<li><strong>Includes pre-made badges for holidays & events (such as Black Friday, Mother’s Day, Father’s Day, Halloween, and more!) </strong></li>
<li><strong>Upload your own custom product badge</strong></li>
<li><strong>Create custom countdown badges (e.g. “Ends in 3 days”)</strong></li>
<li>Add text badges with flexible styling options</li>
<li>Add multiple badges to the same product</li>
<li>Create custom badges with your own HTML/CSS</li>
<li>Easy-to-use dashboard to manage all your badges with ability to search badges and sort badges</li>
<li>Built-in compatibility mode for theme/plugin conflicts</li>
<li>SVG format for crisp badge rendering</li>
<li>Display badges site-wide, or assign them conditionally:</li>
<li>Assign badges to out of stock products</li>
<li>Assign badges to on backorder products</li>
<li>Assign badges to featured products</li>
<li>Assign badges to products in specific categories</li>
<li>Assign badges to products with specific tags</li>
<li>Assign badges to products with specific shipping classes</li>
<li>Assign badges to specific products</li>
</ul>
<p><strong>Ready to get started?</strong></p>
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=6662686" target="_blank" rel="noopener"><span class="wccom-button__text">Buy now</span></a></p>
<hr style="clear: both" />
<h2>Highlights</h2>
<p style="font-style: italic">Get these great features for your store…</p>
<div class="twocol-one" style="margin-bottom: 0">
<p><strong>Displayed across your WooCommerce store</strong><br />
Product badges appear directly on product images, wherever they’re shown.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-display.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3><strong>Pre-made and seasonal badge sets</strong></h3>
<p>Choose from holiday, promo, and general-purpose badges ready to go.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-premade.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-premade.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3>Custom image product badges</h3>
<p>Upload your own icons or graphics for a fully branded look.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-image.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-image.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Countdown badges</h3>
<p>Add urgency with badges that count down to a specific time or date.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-countdown.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-countdown.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3><strong>Text and code-based badges</strong></h3>
<p>Create fully custom badges using text styles or raw code.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-text.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-text.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3>Code badges</h3>
<p>Code your own badge and style it with CSS.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-code.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-code.jpg" /></a></p>
</div>
<div class="twocol-one" style="margin-bottom: 0">
<h3><strong>Easy badge manager</strong></h3>
<p>Create, organize, and assign badges from one friendly dashboard.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/badge-management-dashboard.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/badge-management-dashboard.jpg" /></a></p>
</div>
<div class="twocol-one last" style="margin-bottom: 0">
<h3><strong>Multiple badge support</strong></h3>
<p>Display more than one badge per product when needed for unlimited flexibility</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-multiple.jpg" target="_blank" rel="noopener"><img style="border: 1px solid #dedee0;border-radius: 5px" src="https://woocommerce.com/wp-content/uploads/2020/10/product-badges-screenshot-multiple.jpg" /></a></p>
</div>
<hr style="clear: both" />
<h2>Screenshots</h2>
<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\/2020\/10\/product-badges-screenshot-display.jpg","id":"18734000556421","title":"product-badges-screenshot-display","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-premade.jpg","id":"18734000556431","title":"product-badges-screenshot-premade","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-image.jpg","id":"18734000556605","title":"product-badges-screenshot-image","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-countdown.jpg","id":"18734000556500","title":"product-badges-screenshot-countdown","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-text.jpg","id":"18734000556606","title":"product-badges-screenshot-text","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-code.jpg","id":"18734000556504","title":"product-badges-screenshot-code","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/badge-management-dashboard.jpg","id":"18734003137990","title":"badge-management-dashboard","alt":"","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2020\/10\/product-badges-screenshot-multiple.jpg","id":"18734000556509","title":"product-badges-screenshot-multiple","alt":"","caption":"","itemprop":"image"}]"></div>
<hr style="clear: both" />
<div class="woocommerce-message">
<h2>Example usage</h2>
<p>Sophia manages a WooCommerce store selling electrical appliances, depending on the manufacturer the warranty could be 1 to 25 years. To help customers easily see this she creates a badge for each warranty period and assigns these badges to matching products. She has also created badges for each brand so her customers can see the brand logo on product images in addition to the warranty badge.</p>
</div>
<hr style="clear: both" />
<h2>More information</h2>
<ul>
<li><a href="https://woocommerce.com/document/product-badges/">Read our documentation</a> for an overview of the settings, options, frequently asked questions and more.</li>
<li><a href="http://kestrelwp.com/support" target="_blank" rel="noopener">Contact us if you have any questions</a> and we’ll be happy to help.</li>
</ul>
<hr style="clear: both" />
<h2>Ready to get started?</h2>
<p>Add Product Badges to your store and start nudging buyers toward the right products.</p>
<p><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px" href="https://woocommerce.com/?add-to-cart=6662686"><span class="wccom-button__text">Buy now</span></a></p>

Product Badges

<p>Highlight urgency, perks, or availability right on your product images.</p>

Virtual Try Glasses vs Product Badges