Virtual Try Glasses

Overview

What is Virtual Try Glasses?

Virtual Try Glasses is a 3D virtual try-on plugin for WooCommerce eyewear stores. Shoppers click a “Virtual Try” button on any enabled product page, grant camera access, and see your frames on their own face in real time — rendered from a true 3D model with accurate depth, rotation, and fit.

The plugin is built specifically for eyewear merchants who want to reduce returns, lift conversion on product pages, and offer the kind of try-on experience shoppers now expect from major brands — without requiring an app download, a separate dashboard, or theme code edits.

Key Features

3D Real-Time Try-On. Every tryable product uses a .glb 3D model rendered live on the shopper’s face. Not a flat overlay.
Privacy by Design. Face detection and tracking run on-device in the shopper’s browser. Camera frames are never uploaded, stored, or transmitted to any server.
Auto Button Placement. A “Virtual Try” button appears next to Add-to-Cart on every enabled product page automatically — no theme code edits required.
Customizable Button. Adjust the button’s text, color, size, and position from the Settings tab to match your store’s branding.
Built-in Analytics. Track try-on sessions, unique users, average session time, and top-performing frames — all inside your WordPress admin.
GLB Aligner. A built-in tool to center and orient your .glb 3D models without leaving WordPress. No Blender or three.js Editor required.
Founder-Supported. The team that builds the plugin answers the support emails.

Requirements

Before installing Virtual Try Glasses, ensure your store meets the following requirements:

WooCommerce: Installed and activated on your WordPress site (version 8.0 or later).
WordPress: Version 5.8 or later.
PHP: Version 7.4 or later.
Shopper Devices: Any modern device with a front-facing camera and an internet connection.
Supported Browsers: iOS Safari, Android Chrome, and desktop Chrome, Edge, Safari, and Firefox (latest two major versions).
Per-Product Assets: An aligned .glb or .gltf 3D model and a thumbnail image (PNG or JPG) are required for every frame you want to enable for try-on. (Don’t have aligned 3D models yet? See Preparing Your 3D Models below — alignment is essential, and we provide a free tool for it.)

Installation

↑ Back to top

Installing the Plugin

If you used Add to store from the WooCommerce Marketplace, the plugin is already installed and you can skip to Activating the Plugin.

To install manually:

Log in to your WordPress Admin dashboard.
Navigate to Plugins → Add New.
Click the Upload Plugin button at the top of the page.
Select the downloaded .zip file of the Virtual Try Glasses plugin.
Click Install Now and wait for installation to complete.

Activating the Plugin

Once installed, click the Activate Plugin button.
Ensure WooCommerce is installed and activated.
After activation, a new menu item titled TryOn Glasses appears under WooCommerce in your WordPress Admin sidebar.

That’s it — there’s no external account to create, no API keys to copy, and no signup required. The plugin is fully self-contained and ready to configure.

The Plugin Dashboard

↑ Back to top

Navigate to WooCommerce → TryOn Glasses from your WordPress Admin sidebar. The plugin opens with four tabs across the top:

Dashboard — current plan, usage limits, and try-on analytics.
Products — enable try-on per product and manage assets.
Settings — customize the “Virtual Try” button.
Plans — view and upgrade your subscription.

In the top-right corner of every page you’ll see a GLB Aligner link — this opens the built-in tool for centering and orienting your 3D models.

Dashboard Tab

The Dashboard tab shows three things at a glance:

Current Plan. Your active plan name (Free, Starter, Professional, Business, or Enterprise) and its limits — products allowed, assets per product, and sessions per month. An Upgrade Plan button links straight to the Plans tab.

Usage This Month. Three progress bars showing real-time consumption against your plan limits:

Products with Try-On — how many of your products have try-on enabled (e.g. 7 / 10).
Total Assets — total .glb models uploaded across all products.
Try-On Sessions — sessions used in the current billing period (resets monthly).

Analytics. Below the usage bars, you’ll find detailed try-on analytics including Total Sessions, Average Session Time, Unique Users, Top Products, and an All Products Analytics table breaking down sessions, unique users, average time, total time, and last session date for each enabled product.

The analytics section can be filtered by Last 7 days, Last 30 days, Last 90 days, or Last year using the toggle in the top-right of the Analytics card.

Enabling Try-On for a Product

↑ Back to top

What You Need Before You Start

Each tryable product needs:

An aligned .glb or .gltf 3D model of the frame — this is what shoppers see rendered on their face. The model must be aligned to the standard face geometry; unaligned models will not render correctly. Use the free GLB Aligner tool to align your file before uploading.
A thumbnail image of the frame (PNG or JPG) — this is the image shown in the “Choose Your Glasses” picker inside the try-on modal.
(Optional) A 2D PNG overlay for additional visual layering on top of the 3D model.

The 3D model and thumbnail are required. The 2D overlay is optional.

The Activate Try-On Wizard

Activating try-on for a product runs through a 3-step wizard.

Step 1 — Prepare

In your WordPress Admin, go to WooCommerce → TryOn Glasses → Products.
Find the product you want to enable. For inactive products, click the Activate Try-On button on the right.
The Activate Try-On dialog opens with a “Before you upload” checklist:
- ✓ Aligned GLB/GLTF model file (use GLB Aligner tool)
- ✓ Thumbnail image — PNG or JPG
- ✓ Optional: 2D PNG overlay
If you haven’t aligned your model yet, click Open GLB Aligner to launch the alignment tool in a new tab. See Preparing Your 3D Models below.
Once your files are ready, click Continue to Upload.

Step 2 — Upload

Upload your prepared files:

Drop in your aligned .glb or .gltf model.
Drop in your thumbnail image (PNG or JPG).
Optionally, drop in a 2D PNG overlay.

Step 3 — Enable

Confirm and activate. The toggle next to the product turns purple and the status pill reads Active. The “Virtual Try” button now appears automatically next to Add-to-Cart on the product’s storefront page. Visit the product page on the front-end to confirm.

Managing Multiple Variants Per Product

Your plan determines how many assets you can upload per product (Free: 2, Starter: 3, Professional: 5, Business: 7, Enterprise: unlimited). This lets you offer the same frame in multiple colors or finishes — each variant will appear as its own thumbnail in the “Choose Your Glasses” sidebar of the try-on modal.

Disabling Try-On for a Product

Toggle the switch in the Try-On column to off. The status pill changes to Inactive and the button is removed from the storefront immediately. Your uploaded assets are retained, so you can reactivate any time without re-uploading.

Updating Assets After Activation

For active products, the Actions column shows a Manage Assets button instead of Activate Try-On. Click it any time to swap in a new GLB/GLTF, update the thumbnail, or add/remove the optional 2D overlay.

Preparing Your 3D Models

↑ Back to top

For try-on to look natural and accurate on a shopper’s face, your 3D model needs to meet two conditions:

Correct format and size.
Proper alignment to the face.

Skipping alignment is the #1 cause of broken try-on results — the glasses will appear floating in space, oversized, or rotated incorrectly on shoppers’ faces. Always align before uploading.

Format

Export your model in .glb or .gltf format.
Recommended file size: under 5 MB per model. Larger files still work but load slowly on mobile networks.
Use PBR materials (metallic-roughness workflow) for realistic rendering.
For .glb, embed all textures inside the file. For .gltf, ensure all referenced texture files are accessible.
Keep texture sizes reasonable — 1024×1024 is plenty for most frames.

Aligning Your Model with the GLB Aligner

The plugin requires your model to be aligned to a standard face geometry before upload. We provide a free, browser-based tool for this:

🔧 GLB Glasses Aligner Tool

The tool is free, requires no registration, and runs entirely in your browser. Here’s how to use it:

Open glb-aligner.virtualtry.shop.
Click Upload Glasses GLB and select your .glb or .gltf file. The model will load over a standard 3D face model.
(Optional) Toggle Show Sample Glasses (Reference) to see properly aligned sample glasses for comparison — this helps you match the correct size and position.
Adjust the model’s position, rotation, and scale until the glasses sit naturally on the reference face — temples meeting the ears, bridge resting on the nose.
View the model from multiple angles (front, side, three-quarter) to verify alignment.
Export the aligned model and save it locally.
Upload the aligned file to the plugin’s Activate Try-On wizard.

You can also launch the GLB Aligner directly from the plugin — click Open GLB Aligner in the Prepare step of the Activate Try-On wizard.

Thumbnail Image

The thumbnail can be PNG or JPG.
Use a clean front-facing image of the frame with a transparent or neutral background.
Recommended size: 400×200 px or larger.
This image is shown in the “Choose Your Glasses” sidebar of the try-on modal — make it clearly recognizable at small sizes.

Optional: 2D PNG Overlay

The Upload step accepts an optional 2D PNG overlay alongside your 3D model. This is an advanced feature for additional visual layering on top of the 3D render. Most stores can skip this; the 3D model alone produces an excellent try-on experience.

No 3D Models Yet?

If you don’t have 3D models for your catalog, the GLB Aligner tool’s homepage offers professional GLB creation services — click Get Professional GLB Creation in the right-hand panel. You can also email help@virtualtry.shop directly and we’ll connect you with eyewear-focused 3D modeling partners.

Customizing the Try-On Button

↑ Back to top

All button settings live under WooCommerce → TryOn Glasses → Settings. The Settings tab is split into three sections.

Button Placement

Controls where the Virtual Try button appears on product pages.

Automatic placement — toggle on (default) to insert the button automatically on all enabled product pages.
Button position — dropdown to choose where the button sits relative to Add-to-Cart. Options include Before Add to Cart and After Add to Cart (default).

Button Style

Customize the appearance of the button.

Button text — the label shown on the button. Default: “Virtual Try”. Common alternatives: “Try On”, “See on Me”, “Try in 3D”.
Button color — color picker with hex input. Default: #A020F0 (purple). The plugin auto-adjusts text color for contrast.
Button size — choose Small, Medium (default), or Large.
Preview — a live preview of the button updates as you adjust the settings, so you can see exactly how it’ll look on your storefront before saving.

Shortcode Override (Advanced)

For themes with non-standard product page layouts where automatic placement doesn’t land in the right spot.

Enable shortcode — toggle on to use the [virtual_try_button] shortcode for manual placement anywhere in your theme.
Hide automatic button — toggle on to prevent the auto-placed button from appearing alongside the shortcode (avoids duplicate buttons).

After making changes, click Save Settings at the bottom of the page. Reset to Defaults is available if you want to start over.

Plans & Billing

↑ Back to top

The Plans tab shows all five subscription tiers side-by-side. A Monthly / Annual toggle at the top right lets you compare prices.

Plan Tiers

Plan	Price	Products	Assets / Product	Sessions / Month
Free	$0	1	2	50
Starter	$29 / mo	10	3	500
Professional ⭐ Most Popular	$59 / mo	50	5	2,000
Business	$119 / mo	200	7	10,000
Enterprise	$199 / mo	Unlimited	Unlimited	Unlimited

All paid plans include Priority Support.

Upgrading Your Plan

Click the Upgrade button on the plan you want. Your billing updates immediately and your new limits apply right away. Any usage already accumulated in the current month carries forward — you don’t lose progress.

Downgrading or Canceling

Your current plan card shows a Cancel Subscription option below the Current Plan badge. Canceling stops the next renewal but keeps your plan active through the current billing period. After cancellation, your account drops to the Free tier; products beyond the Free limit will be deactivated automatically (their assets are preserved and you can re-enable them after upgrading).

Hitting a Plan Limit

The Dashboard tab usage bars warn you as you approach your limits. If you exceed your monthly session cap, the “Virtual Try” button continues to work for shoppers already in a session but new sessions are paused until the next billing cycle or a plan upgrade.

How Shoppers Use Virtual Try Glasses

↑ Back to top

Once try-on is enabled on a product, here’s the experience your shoppers will have on the storefront:

The shopper visits the product page and sees a “Virtual Try” button next to Add-to-Cart.
They click the button. A modal titled “Virtual Glasses Try-On” opens and asks for camera permission.
After granting access, their camera feed appears on the right side of the modal with the frame rendered live on their face in 3D.
They can move their head, the frames track their face in real time, and they see how the glasses look from different angles.
The “Choose Your Glasses” sidebar on the left shows thumbnails of all available frames for that product. They can switch between variants without closing the modal.
When they find a pair they like, they close the modal with the X in the top-right corner and click Add to Cart on the underlying product page.

The entire experience runs in the shopper’s browser — no app download, no account creation, and no video data leaves their device.

FAQs

↑ Back to top

Q: How does this plugin benefit my store? A: By letting shoppers see your frames on their own face in 3D before they buy, Virtual Try Glasses raises the confidence behind every add-to-cart. The result is typically a higher conversion rate on enabled products and a meaningful drop in “didn’t suit my face” returns — the single most common return reason in online eyewear.

Q: Is shopper privacy protected? A: Yes. Face detection and tracking run on-device in the shopper’s browser. Camera frames are never uploaded, stored, or transmitted to any server. The Analytics dashboard captures only anonymized session metadata.

Q: Does this work on all devices? A: Any modern device with a browser and a front-facing camera works — iOS Safari, Android Chrome, and desktop Chrome, Edge, Safari, and Firefox (latest two major versions). No app install required.

Q: What do I need to enable try-on for a product? A: Three things — an aligned .glb or .gltf 3D model (always align it with the GLB Aligner first), a thumbnail image (PNG or JPG), and optionally a 2D PNG overlay for additional visual layering. The model and thumbnail are required; the overlay is optional.

Q: I don’t have 3D models for my frames. Can you help? A: Yes — contact us at help@virtualtry.shop and we’ll connect you with eyewear-focused 3D modeling partners.

Q: My GLB model isn’t aligned correctly. What should I do? A: Use our free GLB Aligner tool at glb-aligner.virtualtry.shop. Upload your model, position it on the reference face, and export the aligned version. You can also launch the tool directly from the plugin’s Activate Try-On wizard via the Open GLB Aligner button.

Q: Can I customize the “Virtual Try” button? A: Yes. Go to WooCommerce → TryOn Glasses → Settings to adjust the button’s text, color, size, and position. You can also enable the [virtual_try_button] shortcode for manual placement.

Q: What format should my 3D model be in? A: Either .glb or .gltf. Both are supported. .glb (a single binary file with all textures embedded) is generally easier to work with and is what most modeling tools export by default.

Q: Can I offer the same frame in multiple colors? A: Yes. Upload multiple .glb + thumbnail pairs per product, up to your plan’s “assets per product” limit. Each variant appears as its own thumbnail in the shopper’s “Choose Your Glasses” sidebar.

Q: What happens if I hit my monthly session limit? A: Active try-on sessions in progress complete normally. New sessions are paused until the next billing cycle or until you upgrade your plan. The Dashboard usage bars warn you as you approach the limit.

Q: Does the plugin slow down my site? A: No. The 3D try-on assets and face-tracking library are loaded only when a shopper clicks the “Virtual Try” button — never on initial page load. Your product pages remain fast for shoppers who don’t engage with try-on.

Q: What happens if I encounter an issue? A: Check the Troubleshooting section below, or contact us at help@virtualtry.shop for fast assistance.

Troubleshooting

↑ Back to top

The “Virtual Try” button is not appearing on product pages

Verify that the plugin is installed and activated under Plugins in your WordPress Admin.
Open WooCommerce → TryOn Glasses → Products and confirm both the .glb model and the PNG thumbnail are uploaded for the product, and that the toggle in the Try-On column is set to Active.
Confirm WooCommerce itself is installed and active.
Check Settings → Button Placement — make sure Automatic placement is toggled on.
If you’re using a custom or heavily modified theme, the auto-placement hook may not fire. Enable the shortcode override in Settings → Shortcode Override and place [virtual_try_button] manually.

Camera access is denied

Ask the shopper to allow camera permissions in their browser settings.
On iOS Safari, camera access requires the page to be served over HTTPS — confirm your site has a valid SSL certificate.
Ensure the browser is up to date.

The 3D model is not aligning correctly on the face

This is almost always caused by skipping the alignment step before upload.
Open your model in the GLB Aligner and verify the position, rotation, and scale on the reference face.
Toggle Show Sample Glasses (Reference) in the GLB Aligner to compare your model against properly aligned sample glasses.
View the model from multiple angles inside the aligner to check for issues you might miss from the front.
Re-export from the aligner and re-upload to the plugin.
If your model is fundamentally wrong (incorrect scale by 100×, mirrored geometry, etc.), you may need to fix it in your modeling tool first, then run it through the GLB Aligner.

Try-on loads slowly

Compress your .glb file. Tools like gltf-pipeline or glTF-Transform can shrink models significantly without visible quality loss. Aim for under 5 MB per model.
Reduce embedded texture sizes — 1024×1024 is plenty for most frames.
Check your hosting performance and CDN configuration.

The plugin works on desktop but not mobile

Confirm the shopper’s mobile browser is supported (latest iOS Safari or Android Chrome).
Check that your site is served over HTTPS — mobile browsers will not grant camera access on insecure pages.
Test in an incognito/private window to rule out third-party privacy extensions blocking camera access.

Analytics aren’t updating

Allow up to 5 minutes for new sessions to appear in the Dashboard tab.
Make sure your WordPress site can make outbound HTTPS requests — analytics syncing requires this.
If data still isn’t appearing after 30 minutes, contact support.

“Plan limit reached” message

Open the Dashboard tab to see which limit you’ve hit (products, assets, or sessions).
Either upgrade your plan from the Plans tab, deactivate try-on on a product you no longer need, or wait until the next billing cycle (sessions reset monthly).

If your issue isn’t covered above, contact us at help@virtualtry.shop with a description of the problem, screenshots if applicable, and the versions of WordPress, WooCommerce, and Virtual Try Glasses you’re using.

Support

↑ Back to top

Email Support

Contact us at help@virtualtry.shop for personalized assistance. To get a faster resolution, include:

A brief description of the issue.
Screenshots or error messages if applicable.
The versions of WordPress, WooCommerce, and Virtual Try Glasses you’re using.
The URL of an affected product page (if relevant).
Your current plan tier (visible on the Dashboard tab).

Paid plans (Starter and above) include Priority Support with faster response times.

Updates and Bug Fixes

Always run the latest version of the plugin. Updates often include performance improvements, browser compatibility fixes, and new analytics capabilities. WordPress will notify you of available updates under Plugins in your admin.

Appendix

↑ Back to top

Glossary

3D Try-On. A try-on experience driven by a true 3D model of the frame, rendered live on the shopper’s face.
.glb. A binary 3D file format (a packaged version of glTF) containing geometry, materials, and textures in a single file. Required for all tryable products.
GLB Aligner. Built-in tool inside the plugin (top-right link) that lets merchants center, scale, and orient .glb models without external 3D software.
Asset. One .glb + thumbnail pair attached to a product. Plans cap the number of assets per product to support color/variant offerings.
Thumbnail. The PNG image shown in the “Choose Your Glasses” sidebar inside the try-on modal. Required alongside the .glb.
Session. A single shopper interaction with the try-on modal, counted from the moment the modal opens until it closes. Plans cap monthly sessions.
Virtual Try Button. The button displayed on product pages that opens the try-on modal.
Three.js. The JavaScript 3D library used to render .glb models in the shopper’s browser.

Additional Resources

Official Website: https://virtualtry.shop
WooCommerce Marketplace Listing: https://woocommerce.com/products/virtual-try-glasses/

For any further questions, contact us at help@virtualtry.shop.

Related Products

Offer add-ons like gift wrapping, special messages or other special options for your products.

Let customers subscribe to your products or services and pay on a weekly, monthly or annual basis.