User Guide For Virtual Try On for WooCommerce

Virtual Try On for WooCommerce plugin allows customers to virtually try on clothing and apparel products directly on their uploaded images before making a purchase.

This extension enhances the online shopping experience by enabling customers to visualize how clothes will look on them — bringing a more interactive and personalized approach to eCommerce.

Currently, the plugin supports clothing products for both upper and lower body apparel, such as t-shirts, shirts, tops, jeans, trousers, and dresses. It allows customers to virtually preview how the selected outfit would look on them before making a purchase, helping them make more confident buying decisions and improving their overall shopping experience.

With AI-powered image generation technology, Virtual Try On automatically overlays the selected clothing item on the customer’s image with intelligent alignment and natural color blending, providing a near-realistic preview experience.

By integrating this feature, store owners can reduce product returns, boost buyer confidence, and create a modern AI-driven shopping environment right inside their WooCommerce store.

• The admin can enable or disable the Virtual Try On feature from the backend.
• Customers can upload their image directly on the product page to try the apparel virtually.
• Supports multiple AI Models for rendering virtual try-on results:
  • Gemini (gemini-2.0-flash-preview-image-generation)
  • Gemini (Nano Banana)
  • Qwen (qwen-image-edit)
• Generates instant try-on images with proper fitting and lighting adjustment.
• Admin can use the plugin to generate AI images of apparel and add them to the product gallery for marketing or preview purposes.
• Option to enable or restrict Virtual Try On for guest users.
• Lightweight and easily integrated — no third-party APIs are required for basic try-on rendering.
• Works with simple and variable products under WooCommerce.
• Designed with performance in mind, ensuring smooth operation on most WordPress setups.

• Builds trust and engagement by allowing users to see the product on themselves before buying.
• Helps store owners reduce returns and exchanges caused by sizing or appearance issues.
• Adds a modern, AI-powered touch to WooCommerce product pages.
• Increases conversion rates through visual personalization.

The user will get a zip file which he has to upload in the “Add New” menu option in the WordPress admin panel.

For this login to WordPress Admin Panel and Under the Dashboard hover your mouse over the “Plugins” menu option. This brings out a Sub-Menu and then selects the “Add New” option.

After that, you will see an option on the top of your page that is “Upload Plugin”, click the option to upload the zip file.

Then click on the “Upload Plugin” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.

Post browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

Now, when the plugin is installed correctly, you will see the success message. Additionally, an option to activate the plugin.

Click on “Activate Plugin” to activate the installed plugin.

After successful activation, the plugin will be listed under the Installed Plugins section.

Once the plugin is successfully installed, the admin can configure the plugin settings by navigating to:

Webkul WC Addons → Virtual Try On

The configuration section includes the following options:

• Virtual Try On Status:
  Enable or disable the Virtual Try On functionality for the store.
• Select AI Model:
  Choose from available AI models for rendering try-on results.
  Example: Gemini (gemini-2.0-flash-preview-image-generation)
• API Key:
  Enter the valid API key for AI integration.
• Allow Virtual Try On for Guest Users:
  Enable or disable this option depending on whether guest users should have access to try-on features.

After making all changes, click Save Changes to apply the configuration.

At the admin end, all Virtual Try On settings and try-on actions can be managed within the WooCommerce → Products section.

To configure try-on options for a specific product:

1. Navigate to Webkul WC Addons → Virtual Try On to ensure global settings are enabled.
2. Go to WooCommerce → Products and open any clothing product you want to enable Virtual Try On for.
3. Scroll down to the Virtual Try On tab on the product edit page.

Here, the admin can configure the following:

• Virtual Try On Status: Enable or disable for this product.
• Virtual Try On Model:
  Choose between AI Generated Model, Own Model, or Both.
  (Note: Options work only when the Virtual Try On Model is set to “Both” or “AI Generated Model.”)
• Virtual Try On AI Model Gender:
  Choose Male, Female, or Both.
• AI Generated Model Prompt:
  Define a custom text prompt for AI model generation.
• Own Model Prompt:
  Define a prompt for existing model-based visualization.

If the admin wishes to add the AI-generated try-on image to the product gallery, they can:

• Click the Virtual Try On button available at the bottom-right of the screen.
• Choose “Try this image” to generate an AI-based image.

• Once generated, a popup will appear asking if the image should be saved in the product gallery.
  • Select Yes to save or No to discard.

This feature helps store owners quickly generate AI-based product visuals for their catalog without external tools.

Once the feature is enabled by the admin, customers can directly use the Virtual Try On option from the product page of any enabled apparel item.

Customers can begin the virtual try-on process by selecting one of the available options:

1. Upload Your Image:
Customers can upload their own front-facing photo directly from their device to preview how the selected product will appear on them.

2. Virtual Try with AI-Generated Model:
If customers do not wish to upload their image, they can generate a virtual model using AI by providing the following details:

• Country: Select the desired country for regional representation.
• Color: Choose the preferred clothing color for try-on.
• Try With Model: Select between default or AI-generated model.
• Model Age: Define the approximate age (e.g., 25).
• Model Gender: Choose between Male or Female.
• Model Body Build Type: Select from options like Small, Medium, or Large.
• Model Skin Color: Specify skin tone for better visual accuracy.

Once the information is submitted, the AI automatically generates a realistic model image wearing the selected product, allowing the customer to visualize the fit and style before purchasing.

That is all for the Virtual Try On for WooCommerce plugin.

If you need further assistance, please drop us an email at [email protected] or create a ticket through the Webkul Support Portal.