Turn your WooCommerce store into an AI fitting room. TryonX adds a “Try On” button to product pages so customers upload a photo and instantly see how your apparel looks on them — powered by Google Gemini 2.5 Flash Image AI . No app. No custom theme rebuild. Install, connect your API key, and start o
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 5.6 and PHP 7.2.
SourceWordPress plugins · Oct 22, 2026
01 / Source details
Aboutthistool.
Turn your WooCommerce store into an AI fitting room.
TryonX adds a “Try On” button to product pages so customers upload a photo and instantly see how your apparel looks on them — powered by Google Gemini 2.5 Flash Image AI . No app. No custom theme rebuild. Install, connect your API key, and start offering virtual try-on for WooCommerce in minutes.
Shoppers buy with confidence. You sell more. Returns drop. That is the promise of AI try-on for online fashion — and TryonX brings it to WordPress stores of every size.
Why WooCommerce stores install TryonX
Higher conversion — Customers who visualize a fit are more likely to add to cart.
Fewer “will it fit?” doubts — Answer the #1 question in fashion e-commerce before checkout.
Lower return rates — Better expectations mean fewer size and style surprises.
Shareable moments — Results can be shared on social media; your products get organic reach.
Works on mobile — Most fashion traffic is mobile; TryonX is built mobile-first.
Analytics built in — See which products get the most try-ons and measure engagement.
Before / after compare — Slider and side-by-side views of the shopper’s photo and the try-on result
Garment image picker — Shoppers choose which product photo (featured, gallery, or your custom garment image) is sent to the AI
Variable products — One selector per attribute (Size, Color, …) so the result screen adds the right variation to the cart
Add to cart from results — Close the loop from try-on to purchase in one click
Download and share — Shoppers can save the result or share it to Facebook, X, or Pinterest
Per-product controls — Enable or disable try-on per product and set a dedicated flat-lay garment image
Shortcode — [tryonx] or [tryonx product_id="123"] for landing pages and page builders
Privacy controls — Consent checkbox, shopper “Remove my photo” button, automatic deletion of generated images, optional login-only mode, IP anonymization, and WordPress privacy-tool support
Cost controls — Per-shopper hourly limit plus a store-wide daily cap on generated images
Analytics dashboard — Try-on counts, success rate, add-to-carts, orders and revenue from tried-on products, failure reasons, top products, daily chart, and a WordPress dashboard widget
Shop & category pages — Optional Try On button under each product in product grids
Easy setup — Guided checklist, one-click API connection test, “all products” switch, bulk enable/disable from the Products list
Cache-friendly — No cookie until a shopper uses try-on, and nothing visitor-specific in the page HTML
Theme-friendly — Works with Hello Elementor, Divi, and block themes
Developer hooks — Filters and actions for custom integrations
Accessibility
The try-on window is announced to screen readers as a modal dialog with a title, and closes with the Escape key.
Upload, Generate, Compare, Download, Share, and Add to cart are native buttons and links that can be reached with the Tab key. Focus moves into the window when it opens, stays inside it, and returns to the Try On button when it closes.
Product, saved-photo, and before/after images carry text alternatives.
Errors and status are shown as text messages, not by color alone.
Every label, button, and message is translatable (text domain tryonx ).
How virtual try-on works (3 steps)
01Shopper uploads a photo on your WooCommerce product page (JPEG, PNG, or WebP — large phone photos are resized in the browser automatically).
02TryonX sends the photo + product image to Gemini AI and generates a realistic try-on result.
03Customer compares, downloads, shares, or adds to cart — then tries more products without re-uploading.
Setup in under 5 minutes
04Install TryonX and activate WooCommerce.
05Go to WooCommerce → Virtual Try-On .
06Paste your Google AI Studio API key.
07Click Test connection , then turn on All products or select clothing categories (or enable per product).
08Publish — the Try On button appears on eligible products.
Requirements
WordPress 5.6+ (tested up to 7.1) and WooCommerce 5.0+ (tested up to 10.8, required)
PHP 7.2+
Google Gemini API key with access to a Gemini image model — gemini-2.5-flash-image by default, changeable under AI model in the settings (paid plan required for image generation — see Google AI Pricing )
Outbound HTTPS from your server to Google’s API
Product featured image (or custom garment image per product)
Best for: Clothing and apparel. Other product types may be supported in future updates.
Note: Image generation uses Google’s Gemini API. You control your API key and usage costs. Photos are processed only when a customer clicks Generate.
External services
This plugin connects to Google’s Gemini AI API to generate virtual try-on images when a shopper uses the feature.
What data is sent:
The customer’s uploaded photo and the WooCommerce product (garment) image
Data is sent only when the customer clicks Generate
Your API key and the model name are sent when you click Test connection in the settings
Images are transmitted over HTTPS (Base64 in the API request)
API endpoint: https://generativelanguage.googleapis.com/v1beta/models/{model}:generateContent (default model: gemini-2.5-flash-image )
Data handling:
Temporary processing files are deleted after use
Generated try-on images are saved in your WordPress uploads folder and deleted after 30 days by default (configurable)
Session photos expire after 24 hours, and shoppers can remove theirs at any time
Photos are re-encoded on your server before use, which strips EXIF data such as GPS location
Google’s retention policies apply to API requests — see their terms below
Service provider: Google LLC
Google AI Terms of Service
Google Privacy Policy
Usage
Show the Try On button on WooCommerce product pages
09Go to WooCommerce → Virtual Try-On and tick the product categories that should offer try-on.
10The Try On button appears automatically on every eligible single product page. Change its label, position, and colour under Display , and optionally show it on shop and category pages too.
Enable or disable try-on for one product
Edit the product, open Product data → Virtual Try-On , and choose Enabled or Disabled to override the category setting. Add a garment image here if your featured image is a lifestyle shot — a clean flat-lay or front-facing product photo gives the best AI results.
Add try-on to any page with the shortcode
[tryonx] — on a product page, shows the button for the current product
[tryonx product_id="42"] — shows the button for product 42 on any page, post, or page-builder layout
[tryonx product_id="42" label="See it on you"] — sets a custom button label
What shoppers do
11Click Try On and upload a photo (JPEG, PNG, or WebP; big photos are resized automatically).
12Pick a product image if the product has more than one, then click Generate .
13Compare before and after, download or share the result, add the product to the cart, or try another product without uploading again.
Tips for better try-on results
Ask shoppers for a well-lit, front-facing photo that shows the upper body.
Use garment images with a plain background and the whole item visible. Flat-lay or on-hanger photos work best; a photo of a model wearing the item can confuse the AI, so add a dedicated garment image for those products.
Review WooCommerce → Virtual Try-On → Analytics to see which products are tried most and how often generation succeeds.
See it in action
Screenshots & previews.
WooCommerce single product page for a plaid flannel shirt, showing the Try On button below the Add to cart button.Virtual try-on window showing the product, a row of product images to choose from, Color and Size selectors, a photo consent checkbox, a file upload field, and the Generate button.Try-on result showing the shopper wearing the plaid flannel shirt, with Compare, Download, Add to Cart, and Try Again buttons and share options.Before and after comparison with a draggable slider between the shopper's original photo and the AI try-on result.Result view scrolled to the Try More Products grid, listing other items from the same category that can be tried with the saved photo.
02 / Source details
Gettingstarted.
01Upload the plugin or install from Plugins → Add New .
02Activate TryonX and ensure WooCommerce is active.
03Open WooCommerce → Virtual Try-On .
04Enter your Gemini API key from Google AI Studio .
05Check the product categories that should show Try On (e.g. Clothing, T-Shirts).
06Visit a product page, upload a test photo, and click Generate .
Pro tip: Edit any product → Product data → Virtual Try-On to force-enable try-on or upload a dedicated garment image for better AI results.
03 / Source details
Frequently asked questions.
What is the best virtual try-on plugin for WooCommerce?
TryonX is built specifically for WooCommerce fashion stores. It combines Gemini AI image generation, session-based multi-product try-on, comparison tools, analytics, add-to-cart on results, and per-product controls — without requiring a separate SaaS subscription beyond your Google API usage.
How do I add virtual try-on to my WooCommerce store?
Install TryonX, add your Gemini API key under WooCommerce → Virtual Try-On , enable your apparel categories, and the Try On button appears on product pages. Use [tryonx] on any page for custom placement.
Does TryonX work with Elementor, Divi, and block themes?
Yes. TryonX hooks into standard WooCommerce product templates and includes theme compatibility helpers for stores where the global product object may be a slug or ID (Hello Elementor, Divi, etc.).
Is TryonX free?
The plugin is free to install. Virtual try-on image generation requires a paid Google Gemini API plan for the gemini-2.5-flash-image model. Review Google AI Pricing for current rates.
What products work with AI try-on?
Clothing and apparel work best: t-shirts, hoodies, dresses, jackets, and similar items with a clear garment image. Enable by category or per product. Upload a custom garment image in the product editor for flat-lay or model photos.
Will this help reduce WooCommerce returns?
Virtual try-on helps customers set realistic expectations before purchase, which can reduce fit-related returns. Results vary by store, catalog, and customer base — use built-in analytics to track try-on volume and top products.
Is the try-on window accessible with a keyboard and screen reader?
The try-on window is marked up as a modal dialog, closes with the Escape key, uses native buttons that can be reached with the Tab key, and provides text alternatives for its images. Messages are shown as text rather than by color alone. If you find an accessibility barrier, please report it in the support forum so it can be fixed.
Does it work on mobile phones?
Yes. The try-on modal is fully responsive for mobile, tablet, and desktop — where most fashion shoppers browse.
Can customers try multiple products with one photo?
Yes. After the first successful try-on, their photo is saved for 24 hours so they can try other products in the same session or from the Try More Products grid without uploading again.
Is TryonX GDPR-friendly?
TryonX includes optional photo consent text, session expiry (24 hours), a “Remove my photo” button for shoppers, automatic deletion of session photos and generated images, rate limiting, optional IP anonymization in analytics, suggested privacy-policy text, and support for the WordPress personal data eraser. The session cookie is only set when a shopper actually uses try-on. You remain responsible for your store’s privacy policy and lawful basis for processing customer photos.
The Try On button does not show on my product page
Check that: (1) WooCommerce is active, (2) the product’s category is enabled in plugin settings or the product is set to Enabled under Virtual Try-On, (3) the product has a featured or garment image, and (4) you are viewing a single product page.
Try-on generation failed or timed out
Open WooCommerce → Virtual Try-On and click Test connection — it tells you whether the API key, billing, or the AI model is the problem. The settings page also shows the reason for the most recent failure, and the Analytics tab lists failure reasons. Google retires AI models over time: if the test says the model is not available, enter a current Gemini image model under AI model .
Can I embed try-on on a landing page?
Yes. Use the shortcode [tryonx product_id="123"] replacing 123 with your product ID, or [tryonx] on a product page to use the current product.
Website LLMs.txt and LLMs-Full.txt Generator is an LLMs.txt generator and llms-full.txt generator for WordPress. It helps site owners generate, manage, preview, validate, and serve AI discovery files from published public content. Use it to create structured /llms.txt and optional /llms-full.txt end
EngageDock AI is a customizable floating contact widget for WordPress websites that want more leads and faster visitor communication. It helps small businesses turn website traffic into calls, texts, emails, and callback requests from one clean contact panel. Key Features: Click-to-Call – One tap ca
Altify AI is an auto ALT text and AI ALT text plugin for WordPress images. It helps generate descriptive image ALT text for accessibility and image SEO. Use bulk image ALT text tools for your Media Library, generate featured image ALT text automatically, and scale WooCommerce image ALT updates with
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
