<ul class="wccom-tick-list-primary">
<li><strong data-start="116" data-end="137">Create Multiple Rules</strong> – Create unlimited size charts.</li>
<li><strong>Assign Size Charts:</strong> Assign custom size charts by product, category, or tag.</li>
<li><strong data-start="200" data-end="232">Multi-Unit & Country Support</strong> – Show sizes in cm/inches or country-specific charts.</li>
<li><strong data-start="291" data-end="311">Flexible Display</strong> – Display charts in a popup, tab, or as an image.</li>
<li><strong data-start="366" data-end="384">Custom Buttons</strong> – Personalize button text, icon, color, and placement.</li>
<li><strong data-start="444" data-end="461">Table Styling</strong> – Adjust fonts, colors, borders, and row highlights.</li>
<li><strong data-start="519" data-end="535">Image Guides</strong> – Add or replace charts with detailed size guide images.</li>
<li><strong data-start="597" data-end="620">Popups & Animations</strong> – Customize animations, overlays, and alignment.</li>
<li><strong data-start="674" data-end="698">Country & Role Rules</strong> – Show different charts by country or user role.</li>
<li><strong data-start="752" data-end="772">Priority Control</strong> – Decide which chart shows first when multiple apply.</li>
<li><strong data-start="831" data-end="848">Import/Export</strong> – Easily reuse or transfer size charts in bulk.</li>
</ul>
<hr />
<p class="wp-block-paragraph">WooCommerce size chart plugin empowers you to create and display detailed, customizable size guides, display size charts in different units, and flexible display options like tabs or popups. Target specific products or customer groups, provide country-specific sizing, and enhance the shopping experience while reducing returns by ensuring customers find the perfect fit.</p>
<h3>Rule-Based Size Chart Management</h3>
<p>Assign different size charts to different customers, roles, countries, products, categories, or tags using flexible display rules. Easily manage who sees which chart based on your store’s needs.</p>
<h3 class="wp-block-heading">Offer Multiple Unit or Country Sizes</h3>
<p>Empower customers with instant unit and region switching within size charts. Seamlessly transition between inches and centimeters or EU and US sizing WooCommerce Product Size Chart.</p>
<p><img class="alignnone size-full wp-image-18734005357277" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-10-2.png" alt="WooCommerce Size Chart Multiple Units" width="980" height="517" /></p>
<h3>Display Size Chart as a Popup Button</h3>
<p>Display the size chart as a clean, clickable button on the product page. When clicked, it opens a fully customizable size chart popup —keeping the layout neat and user-friendly.</p>
<p><img class="alignnone size-full wp-image-18734005357289" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-11-3.png" alt="Display WooCommerce Size Chart in a Popup" width="980" height="446" /></p>
<h3>Display Size Chart in a New Tab</h3>
<p>Show the size chart in a separate tab on the product page for easy reference. This keeps the product layout organized while giving customers quick access to sizing info.</p>
<p><img class="alignnone size-full wp-image-18734005357290" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-12-3.png" alt="Display WooCommerce Size Chart in New Tab" width="980" height="814" /></p>
<h3 class="query-text-line ng-star-inserted">Add Unlimited Rows & Columns</h3>
<p>Design comprehensive size charts with limitless rows and columns. Tailor your charts to precisely fit any product’s sizing needs, no restrictions</p>
<p><img class="alignnone size-full wp-image-18734005357279" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-13-2.png" alt="Add Unlimited Rows and Columns" width="980" height="363" /></p>
<h3>Precise Size Chart Targeting</h3>
<p>Apply size charts based on specific conditions like</p>
<ul>
<li data-start="92" data-end="161"><strong data-start="92" data-end="117">Registered Customers:</strong> Show size charts only to specific registered customers.</li>
<li data-start="164" data-end="243"><strong data-start="164" data-end="183">Customer Roles:</strong> Target roles like wholesale, subscriber, or custom roles.</li>
<li data-start="246" data-end="312"><strong data-start="246" data-end="261">By Country:</strong> Display chart in specific countries.</li>
<li data-start="315" data-end="386"><strong data-start="315" data-end="337">Specific Products:</strong> Apply charts to individual products as needed.</li>
<li data-start="389" data-end="456"><strong data-start="389" data-end="405">By Category:</strong> Use size charts for selected product categories.</li>
<li data-start="459" data-end="531"><strong data-start="459" data-end="471">By Tags:</strong> Target products using specific tags for size chart display.</li>
</ul>
<p><strong data-start="385" data-end="394">Note: </strong>This is a <strong data-start="407" data-end="429">rules-based plugin</strong>—you can create <strong data-start="445" data-end="469">multiple size charts</strong> and apply them differently across <strong data-start="504" data-end="542">countries, products, or user types</strong> for maximum flexibility.</p>
<p><img class="alignnone size-full wp-image-18734005357331" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-14-2.png" alt="Rule Based Management for Size Chart WooCommerce" width="980" height="526" /></p>
<h3 class="query-text-line ng-star-inserted">Size Chart Table Customization</h3>
<p>Easily customize every detail of your size chart tables—from text and borders to header styles. Use different row colors to improve readability and create an attractive, clear size chart with the Product Size Charts Plugin for WooCommerce.</p>
<p><img class="alignnone size-full wp-image-18734005357341" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-15-1.png" alt="Table Customization for Size Chart WooCommerce" width="980" height="504" /></p>
<h3>Advanced Size Chart Display Options</h3>
<p>WooCommerce Product Size Charts allows you to choose between tab or popup display for size charts, offering flexible access for customers. Precisely position the size chart button and customize the popup’s location for optimal user experience.</p>
<p><img class="alignnone size-full wp-image-18734005357345" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-16-1.png" alt="General Settings " width="980" height="559" /></p>
<h3>Import/Export Size Charts</h3>
<p>Quickly import or export your size charts to easily back up, transfer, or reuse them across multiple WooCommerce stores.</p>
<h3>Why Use a Customized Size Chart for WooCommerce?</h3>
<ul class="wccom-tick-list-secondary">
<li data-sourcepos="3:1-3:102"><strong>Reducing Returns:</strong> Providing accurate size charts minimizes sizing errors and subsequent returns.</li>
<li data-sourcepos="4:1-4:113"><strong>Improving Customer Confidence:</strong> Clear and accessible size information builds trust and encourages purchases.</li>
<li data-sourcepos="5:1-5:107"><strong>Simplifying International Shopping:</strong> Offering unit and region conversions caters to a global audience.</li>
<li data-sourcepos="6:1-6:104"><strong>Enhancing Store Appearance:</strong> Customizable size chart buttons and popups maintain brand consistency.</li>
<li data-sourcepos="7:1-7:108"><strong>Saving Customer Time:</strong> Easily accessible size charts eliminate the need for extensive product research.</li>
<li data-sourcepos="8:1-8:94"><strong>Increasing Conversions:</strong> Confident customers are more likely to complete their purchases.</li>
<li data-sourcepos="9:1-9:117"><strong>Providing Flexibility:</strong> Diverse customization and targeting options allow for precise size chart implementation.</li>
</ul>

Custom Size Charts

<p>WooCommerce Size Chart allows you to create rule-based charts with custom styles, multiple units, and apply to specific products/categories, and more.</p>

<h2><strong>Highlights</strong></h2>
<ul class="wccom-tick-list-primary">
<li style="color: #000"><strong>Instantly try jewelry, eyewear, watches, clothing, hats & accessories.</strong></li>
<li><strong>Try multiple products with a single photo upload.</strong></li>
<li><strong>Supports JPG, JPEG, PNG, WEBP & more.</strong></li>
<li><strong>Upload guide with sample images for perfect results.</strong></li>
<li><strong>Watermark your try-on images for protection.</strong></li>
<li><strong>Enable per product, category, brand & user role.</strong></li>
<li><strong>Customize popup to match your store’s style.</strong></li>
<li><strong>Monitor try-on activity and engagement easily.</strong></li>
<li><a href="#more-features"><strong>View Detailed Features List Here</strong></a></li>
</ul>
<hr />
<p>Customers often hesitate to buy fashion and wearable products online, as they can’t see how the item will look on them. This uncertainty can cause abandoned carts and higher return rates. To solve this, Virtual Try On for WooCommerce plugin adds a new “Try On” button on product pages and lets customers virtually preview the product in real-time. Admins can restrict the try-on feature to specific user roles, products, and categories. Moreover, you can add custom dummy images, try-on guidelines, and brand watermarks. With just one quick feature, you can improve the overall shopping experience, boost customer confidence, and drive more sales.</p>
<div class="wccom-product-single__main--content">
<p></p>
<div class="twocol-one" style="margin-top: 70px">
<h2>Instant virtual try-ons: Supports jewelry, eyewear, watches, clothes, hats, etc</h2>
<p>Anti-Fraud for WooCommerce helps you to protect your store from fake orders, spam activity, and unauthorized users by creating customized fraud prevention rules. You can restrict orders based on specific products, categories, user roles, countries, or IP addresses. The plugin automatically evaluates each order, assigns a risk score, and blocks or flags suspicious orders in real time. This helps prevent revenue loss, reduce chargebacks, and protect your store’s reputation by stopping fraudulent activity before it impacts your business.</p>
</div>
<div class="twocol-one last"><img class="alignnone size-full" src="https://woocommerce.com/wp-content/uploads/2026/03/Virtual-Try-On-for-WooCommerce-scaled-3.png" alt="Virtual Try on For Woocommerce" width="2000" height="1233" /></div>
<p></p>
<div class="twocol-one"><img src="https://woocommerce.com/wp-content/uploads/2026/03/Virtual-Try-on-Popup-scaled-3.png" alt="Try Multiple Products Using the Same Image " /></div>
<div class="twocol-one last" style="margin-top: 100px">
<h2>Try Multiple Products Using the Same Image or upload new image</h2>
<p>Virtual Try On for WooCommerce extension provides customers with the option to either upload an existing image or use the camera to take a live picture. This flexibility helps them choose the most convenient option and try multiple items with ease.</p>
</div>
<p></p>
<div class="twocol-one" style="margin-top: 110px">
<h2>Flexible Photo Uploads — Multiple Formats Supported</h2>
<p>Admins can allow customers to upload images in multiple file formats, such as JPG, JPEG, and PNG. This means that users can instantly upload their images and preview products without any delay.</p>
</div>
<div class="twocol-one last"><img src="https://woocommerce.com/wp-content/uploads/2026/03/Upload-File-Restrictions-scaled-3.png" alt=" upload images in multiple file formats" /></div>
<p></p>
<div class="twocol-one"><img src="https://woocommerce.com/wp-content/uploads/2026/03/Try-on-Instructions-scaled-3.png" alt="Guide Customers with Visual Upload Instructions" /></div>
<div class="twocol-one last" style="margin-top: 130px">
<h2>Guide Customers with Visual Upload Instructions & Sample Images</h2>
<p>Write custom descriptions for the try-on option and help customers understand how to upload their photos correctly. You can use dummy images to demonstrate the process and encourage users to try multiple products.</p>
</div>
<p></p>
<div class="twocol-one" style="margin-top: 140px">
<h2>Protect Try-On Images with Custom Watermarks</h2>
<p>Merchants can upload custom watermarks to protect try-on images, maintain brand-ownership, and make all customer-generated content secure.</p>
</div>
<div class="twocol-one last"><img src="https://woocommerce.com/wp-content/uploads/2026/03/Enable-Watermark-On-Generated-Image-scaled-3.png" alt="use watermarks to protect try-on images" /></div>
<div class="twocol-one"><img src="https://woocommerce.com/wp-content/uploads/2026/03/Virtual-Try-on-Restrictions-Settings-scaled-3.jpg" alt="Allow try virtual try on specific products, categories, and brands" /></div>
<div class="twocol-one last" style="margin-top: 70px">
<h2>Enable Virtual Try-On for Specific Products, Categories, Brands & User Roles</h2>
<p>Choose to enable the Try On feature for specific products, categories, and brands. You can also restrict access to selected user roles and target particular customer groups based on your store’s strategies. For example, display the try-on options for caps and shirts while allowing access exclusively to registered users.</p>
</div>
<p></p>
<div class="twocol-one" style="margin-top: 90px">
<h2>Fully Customizable Try-On Popup</h2>
<p>Virtual Try On plugin allows you to customize the Try-on popup by:</p>
<ul>
<li>Uploading custom dummy images</li>
<li>Adding terms and policy</li>
<li>Writing a custom text for a button</li>
<li>Selecting the button’s background and text color</li>
<li>Placing it before or after the Add-to-Cart button</li>
</ul>
</div>
<div class="twocol-one last"><img src="https://woocommerce.com/wp-content/uploads/2026/03/Virtual-Try-on-customization-scaled-3.png" alt="Customizable Try-On Popup" /></div>
<div class="twocol-one"><img src="https://woocommerce.com/wp-content/uploads/2026/03/Virtual-try-on-log-scaled-3.png" alt="Try-On History Log" /></div>
<div class="twocol-one last" style="margin-top: 130px">
<h2>Try-On History Log</h2>
<p>Admins can view a dedicated try-on log to monitor key details such as product ID, product name, product image, and customer email.</p>
</div>
<p></p>
<div class="twocol-one" style="margin-top: 130px">
<h2>Product Virtual Try-On Settings</h2>
<p>From product level settings, admins can enable the try-on option for any item and upload a relevant dummy image along with product-specific guidelines.</p>
</div>
<div class="twocol-one last"><img src="https://woocommerce.com/wp-content/uploads/2026/03/Enable-Virtual-Try-on-At-Product-Level-scaled-3.png" /></div>
</div>
<p></p>
<h2 id="more-features">More Features</h2>
<ul>
<li>Allow customers to try your products and see how they look on them</li>
<li>Let users upload their existing photos or take a new one to preview products</li>
<li>Enable theTry-On button for specific:
<ul>
<li>Products</li>
<li>Categories</li>
<li>Brands</li>
</ul>
</li>
<li>Display the Try-on Button on each product page</li>
<li>Restrict the try-on feature to selected user roles</li>
<li>Allow customers to upload the following file formats:
<ul>
<li>Jpg</li>
<li>Jpeg</li>
<li>Png</li>
</ul>
</li>
<li>Set the position for try-on button as:
<ul>
<li>Before add-to-cart button</li>
<li>After add-to-cart button</li>
</ul>
</li>
<li>Show or hide previously generated images of customers</li>
<li>Write a custom image description to provide clear instructions</li>
<li>Upload a custom watermark for the try-on image</li>
<li>Enable or disable the watermark on each image</li>
<li>Upload a dummy image for the try-on process</li>
<li>Enter privacy policy message</li>
<li>Feature terms and policies message on the try-on pop-up</li>
<li>Allow users to download their generated images</li>
<li>Get a separate log to manage the following try-on details:
<ul>
<li>Product ID</li>
<li>Product Name</li>
<li>Product Image</li>
<li>Customer Email</li>
</ul>
</li>
<li>Use product-level settings to enable try-on option for any desired product</li>
<li>Style the try-on button by adding custom text and color</li>
<li>Customize try-on popup by adding custom:</li>
<li>Background color</li>
<li>Text color</li>
<li>Button background color</li>
</ul>

AI Virtual Try On

<div class="text-base my-auto mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)">
<div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn">
<div class="flex max-w-full flex-col gap-4 grow">
<div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&]:mt-1" dir="auto" data-message-author-role="assistant" data-message-id="f74ef579-3f8d-4cb5-96bf-7f647364cc10" data-message-model-slug="gpt-5-3">
<div class="flex w-full flex-col gap-1 empty:hidden">
<div class="markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling">
<p data-start="62" data-end="228" data-is-last-node="" data-is-only-node="">Allow customers to virtual try your products using AI before they buy. Improve customer engagement and reduce returns!</p>
</div>
</div>
</div>
</div>
</div>
</div>

Custom Size Charts vs AI Virtual Try On