Virtual Try Glasses

What is Virtual Try Glasses?

Virtual Try Glasses is an AI-powered WooCommerce plugin designed to revolutionize the eyewear shopping experience. It allows customers to virtually try on glasses in real-time using 2D images or 3D models. By integrating this tool, store owners can provide an engaging, interactive shopping experience, boosting customer confidence, reducing return rates, and driving sales.

Key Features

• Real-Time Try-On: Customers can see how glasses look and fit on their faces in real time.
• 2D and 3D Support: Supports both product images and 3D models for versatile try-on options.
• Effortless Integration: Quickly add the plugin to your WooCommerce store without technical knowledge.
• Customizable Design: Personalize the “Virtual Try” button to match your store’s branding.
• Enhanced Customer Experience: Build trust and improve satisfaction by allowing precise product adjustments.

Requirements

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

• WooCommerce: The plugin requires WooCommerce to be installed and activated on your WordPress site.
• WordPress Version: WordPress 5.2 or later.
• PHP Version: PHP 7.2 or later.
• Camera Access: Devices used for try-on should have an active camera and an internet connection.
• Supported Browsers: The plugin works seamlessly on all modern browsers (Chrome, Firefox, Safari, Edge).

Downloading the Plugin

1. From Your Account:
   • Log in to your account on the plugin’s source website.
   • Navigate to the “Downloads” section and locate the Virtual Try Glasses plugin.
   • Click the Download button to save the .zip file to your computer.
2. Via Purchase Confirmation Email:
   • If purchased, check the confirmation email.
   • Click the download link provided to save the .zip file.

Installing the Plugin

Follow these steps to install the Virtual Try Glasses plugin on your WooCommerce store:

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

Activating the Plugin

1. Once the plugin is installed, click the Activate Plugin button.
2. Ensure that WooCommerce is installed and activated on your site before proceeding.
3. After activation, a new menu item titled TryOn Glasses will appear under the WooCommerce section in the WordPress Admin dashboard.

Setting Up the Plugin

1. Navigate to WooCommerce > TryOn Glasses in your WordPress Admin dashboard.
2. Follow the on-screen instructions to configure the basic settings for the plugin.
3. Upload your product images or 3D models that will be used for the virtual try-on feature (detailed steps are provided in the Usage section).

Assigning Products for Try-On

Navigate to WooCommerce > TryOn Glasses from the left menu in your WordPress Admin dashboard.Inside the app, a list of products will appear.For each product:

• Use the Upload File button to upload an image (for 2D try-on) or a 3D model (for 3D try-on).
• After uploading, click on the uploaded image/model to select it.
• Click the Activate Virtual Try-On button to finalize the selection.

Once activated, the “Virtual Try” button will appear on the product page for customers to access the try-on feature.

How to Use VirtualTry Glasses for 2D

Step 1: Upload Image of Your Product

• Choose a high-quality image of your product.
• Ensure the image meets the following criteria:
  • The image does not include the temples (sides) of the glasses.
  • It is well-lit and taken from the front.
  • The background is transparent.

Step 2: Select the Image or Upload

1. Navigate to WooCommerce > TryOn Glasses from the WordPress Admin dashboard.
2. Inside the app, a list of products will appear.
3. For the product you want to enable the try-on feature:
   • Click the Choose File button to upload an image (for 2D try-on) or a 3D model (for 3D try-on).
   • After uploading, select the image or model by clicking on it. A blue checkmark will appear to confirm the selection.
   • Click the Activate Virtual Try-On button to save your changes.

Step 3: Try On Glasses

1. Once the image or model is selected and saved, click the Activate Virtual Try-On button in the app.
2. On the product page, the “Virtual Try” button will now appear for that product.
3. Customers can:
   • Click the “Virtual Try” button and grant camera access.
   • Virtually try on the glasses in real-time.
   • Use the intuitive sliders to adjust the glasses’ position for a perfect fit.

How to Use VirtualTry Glasses for 3D

Step 1: Upload 3D Model of Your Product

1. Prepare your 3D model by ensuring the following:
   • The model is centered on the grid (use threejs.org/editor to verify).
   • It is well-lit and positioned facing forward.
   • Export the model in GLB/GLTF format after verification.

Step 2: Upload the Model

1. Navigate to WooCommerce > TryOn Glasses from the WordPress Admin dashboard.
2. Inside the app, a list of products will appear.
3. For the product you want to enable the try-on feature:
   • Click the Choose File button to upload the prepared 3D model.
   • After uploading, click on the model to select it. A blue checkmark will appear to confirm the selection.
   • Click the Update Selection button to save your changes.

Step 3: Try On Glasses

1. Once the 3D model is uploaded and selected, click the Activate Virtual Try-On button in the app.
2. On the product page, the “Virtual Try” button will now appear for that product.
3. Customers can:
   • Click the “Virtual Try” button and grant camera access.
   • View the 3D model in real-time and see how it adjusts on their face.
   • Use the intuitive sliders to fine-tune the fit and positioning of the glasses for an optimal experience.

Customizing the Try-On Button

You can personalize the “Virtual Try” button to align with your store’s branding. Follow these steps to customize its appearance:

1. Access Button Settings:
   • Go to WooCommerce > Settings > General in the WordPress Admin dashboard.
   • Locate the Virtual TryOn Glasses section.
2. Modify Button Appearance:
   • Change the button’s color to match your store’s theme.
   • Use the color picker tool to select a custom color for the button.
3. Save Changes:
   • Once the customization is complete, click Save Changes.

The updated button will now reflect your branding and enhance the shopping experience for your customers.

Common Questions and Answers

Q: How does this app benefit my store?
A: Virtual Try Glasses enhances customer confidence, reduces returns, and increases sales by allowing shoppers to visualize how eyewear fits before purchase.

Q: Is customer privacy protected?
A: Yes! Privacy is a priority. The app does not store photos or personal data, ensuring a secure shopping experience.

Q: Does this app work on all devices?
A: Yes, the app works seamlessly on any modern device with a camera and an internet connection.

Q: Can I customize the “Try On” button?
A: Absolutely! The button’s color and style can be tailored to match your store’s branding via the plugin settings.

Q: What happens if I encounter an issue while using the app?
A: Please refer to the Troubleshooting section or contact us at help@virtualtry.shop for fast assistance.

Resolving Common Issues

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

• Solution:
  • Verify that the plugin is installed and activated.
  • Ensure that the product has an image (for 2D) or a 3D model uploaded and selected.
  • Check that WooCommerce is installed and running correctly.

Issue: Camera access is denied when using the try-on feature.

• Solution:
  • Ask the customer to allow camera permissions in their browser settings.
  • Ensure the browser being used is up to date and compatible.

Issue: The uploaded image or 3D model is not aligning correctly.

• Solution:
  • For images: Ensure the background is transparent and the product is centered.
  • For 3D models: Use threejs.org/editor to verify the model’s alignment and export it again if needed.

Issue: The app is not working on certain devices.

• Solution:
  • Confirm that the device has a functional camera and stable internet connection.
  • Test the app on another modern browser to rule out compatibility issues.

Issue: The try-on feature loads slowly.

• Solution:
  • Optimize the image or 3D model size before uploading.
  • Check your internet connection speed and server performance.

If the problem persists, contact support at help@virtualtry.shop for further assistance.

Contacting Support

If you need assistance or encounter any issues while using the Virtual Try Glasses plugin, our support team is here to help. You can reach out to us through the following channels:

1. Email Support
   • Contact us at help@virtualtry.shop for personalized assistance.
   • Include the following details in your email for a quicker resolution:
     • A brief description of the issue.
     • Screenshots or error messages (if applicable).
     • The version of WordPress, WooCommerce, and the Virtual Try Glasses plugin you are using.
2. Updates and Bug Fixes
   • Ensure that you are using the latest version of the plugin. Updates often include fixes for known issues and performance improvements.

Glossary

• 2D Try-On: A feature that uses flat images of eyewear to provide a virtual try-on experience.
• 3D Try-On: A feature that uses 3D models of eyewear for an interactive and dynamic try-on experience.
• Virtual Try Button: The button displayed on product pages that enables customers to access the virtual try-on feature.
• WooCommerce: An open-source eCommerce plugin for WordPress, used to create and manage online stores.
• GLB/GLTF: File formats used for 3D models compatible with the plugin.
• Three.js: A JavaScript library used for creating and managing 3D graphics in the plugin.

Additional Resources

• Official Website: Virtual Try Shop
• Three.js Editor: Three.js Editor

For any further questions or detailed instructions, please refer to the support or contact us at help@virtualtry.shop.