<ul class="wccom-tick-list-primary">
<li>Create Multiple Rules – Create unlimited size charts.</li>
<li>Assign Size Charts: Assign custom size charts by product, category, or tag.</li>
<li>Multi-Unit & Country Support – Show sizes in cm/inches or country-specific charts.</li>
<li>Flexible Display – Display charts in a popup, tab, or as an image.</li>
<li>Custom Buttons – Personalize button text, icon, color, and placement.</li>
<li>Table Styling – Adjust fonts, colors, borders, and row highlights.</li>
<li>Image Guides – Add or replace charts with detailed size guide images.</li>
<li>Popups & Animations – Customize animations, overlays, and alignment.</li>
<li>Country & Role Rules – Show different charts by country or user role.</li>
<li>Priority Control – Decide which chart shows first when multiple apply.</li>
<li>Import/Export – Easily reuse or transfer size charts in bulk.</li>
</ul>
<hr />
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.
<h3>Rule-Based Size Chart Management</h3>
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.
<h3 class="wp-block-heading">Offer Multiple Unit or Country Sizes</h3>
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.
<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" />
<h3>Display Size Chart as a Popup Button</h3>
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.
<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" />
<h3>Display Size Chart in a New Tab</h3>
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.
<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" />
<h3 class="query-text-line ng-star-inserted">Add Unlimited Rows & Columns</h3>
Design comprehensive size charts with limitless rows and columns. Tailor your charts to precisely fit any product’s sizing needs, no restrictions
<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" />
<h3>Precise Size Chart Targeting</h3>
Apply size charts based on specific conditions like
<ul>
<li data-start="92" data-end="161">Registered Customers: Show size charts only to specific registered customers.</li>
<li data-start="164" data-end="243">Customer Roles: Target roles like wholesale, subscriber, or custom roles.</li>
<li data-start="246" data-end="312">By Country: Display chart in specific countries.</li>
<li data-start="315" data-end="386">Specific Products: Apply charts to individual products as needed.</li>
<li data-start="389" data-end="456">By Category: Use size charts for selected product categories.</li>
<li data-start="459" data-end="531">By Tags: Target products using specific tags for size chart display.</li>
</ul>
Note: This is a rules-based plugin—you can create multiple size charts and apply them differently across countries, products, or user types for maximum flexibility.
<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" />
<h3 class="query-text-line ng-star-inserted">Size Chart Table Customization</h3>
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.
<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" />
<h3>Advanced Size Chart Display Options</h3>
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.
<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" />
<h3>Import/Export Size Charts</h3>
Quickly import or export your size charts to easily back up, transfer, or reuse them across multiple WooCommerce stores.
<h3>Why Use a Customized Size Chart for WooCommerce?</h3>
<ul class="wccom-tick-list-secondary">
<li data-sourcepos="3:1-3:102">Reducing Returns: Providing accurate size charts minimizes sizing errors and subsequent returns.</li>
<li data-sourcepos="4:1-4:113">Improving Customer Confidence: Clear and accessible size information builds trust and encourages purchases.</li>
<li data-sourcepos="5:1-5:107">Simplifying International Shopping: Offering unit and region conversions caters to a global audience.</li>
<li data-sourcepos="6:1-6:104">Enhancing Store Appearance: Customizable size chart buttons and popups maintain brand consistency.</li>
<li data-sourcepos="7:1-7:108">Saving Customer Time: Easily accessible size charts eliminate the need for extensive product research.</li>
<li data-sourcepos="8:1-8:94">Increasing Conversions: Confident customers are more likely to complete their purchases.</li>
<li data-sourcepos="9:1-9:117">Providing Flexibility: Diverse customization and targeting options allow for precise size chart implementation.</li>
</ul>

Custom Size Charts

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

Enable your customers to design and customize a product to fit their needs with the product designer for WooCommerce. It enables you to customize T-shirts, cups, business cards, and other similar products by uploading and adding text, images, and custom designs.
It allows your customers to create custom product designs exactly how they want. They can add text, clipart, shapes, and effects, or even upload their own designs.
<h2>Features:</h2>
<ul>
<li style="font-weight: 400">Allow customers to add text to the products</li>
<li style="font-weight: 400">Select different text colors for the text</li>
<li style="font-weight: 400">2 product customizer layout (New)
<ul>
<li style="font-weight: 400">Classic Customizer</li>
<li style="font-weight: 400">Modern Customizer</li>
</ul>
</li>
<li style="font-weight: 400">Set customization fee (New)</li>
<li style="font-weight: 400">Customize text such as font type, size, and style</li>
<li style="font-weight: 400">Add Effects like grayscale, sepia, invert, emboss, sharpen, blur</li>
<li style="font-weight: 400">Add Shapes like square, circle, oval, diamond</li>
<li style="font-weight: 400">Upload cliparts and display them to customers for customization</li>
<li style="font-weight: 400">Customize both simple and variable products in the designer</li>
<li style="font-weight: 400">Customization of both the front and back sides of the product</li>
<li style="font-weight: 400">Allow the user to upload a custom design and images</li>
<li style="font-weight: 400">Allow specific image upload type (New)</li>
<li style="font-weight: 400">Download the design image separately</li>
<li style="font-weight: 400">Customize product designer interface</li>
<li style="font-weight: 400">Integrate Pixabay</li>
<li style="font-weight: 400">Share the designed product (New)</li>
<li style="font-weight: 400">Add a Barcode</li>
</ul>
<h3>Design any Type of Product</h3>
Allow customers to personalize products like t-shirts, mugs, hats, and more using custom product designer for WooCommerce. They can easily add text, images, and clipart to create unique designs that match their style.
Choose between two customizer layouts: Classic and Modern. The modern customizer includes both light and dark modes, offering an improved design and user experience.
 
This slideshow requires JavaScript.<div id="gallery-0-3-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-1.png","id":"18734006325569","title":"Design any Type of Product 1","alt":"Design any Type of Product 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-2.png","id":"18734006325568","title":"Design any Type of Product 2","alt":"Design any Type of Product 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-3.png","id":"18734006325567","title":"Design any Type of Product 3","alt":"Design any Type of Product 3","caption":"","itemprop":"image"}]"></div>
<h3>Set a Product Customization Fee (New)</h3>
Product designer for WooCommerce allows you to charge for the customization of the products. It helps you generate additional revenue and charge for printing, embossing, or carving services. You can set the fees globally or individually for all the products.
<img class="alignnone size-medium wp-image-18734006325700" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-a-Product-Customization-Fee-New-1.png?w=896" alt="Set a Product Customization Fee (New)" width="896" height="534" />
<h3>Add Cliparts for Designing</h3>
Upload custom clipart from the backend to give customers more creative options when designing their products. Product customizer for WooCommerce lets you organize clipart into categories, making it easier for customers to browse and select the perfect designs for personalization.
 
This slideshow requires JavaScript.<div id="gallery-0-4-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-1.png","id":"18734006325575","title":"Add Cliparts for Designing 1","alt":"Add Cliparts for Designing 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-2.png","id":"18734006325576","title":"Add Cliparts for Designing 2","alt":"Add Cliparts for Designing 2","caption":"","itemprop":"image"}]"></div>
<h3>Add Front and Back Images</h3>
This plugin allows you to add front and back images of the products. It helps customers to extensively customize their products from both sides.
 
This slideshow requires JavaScript.<div id="gallery-0-5-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images.png","id":"18734006325580","title":"Add Front and Back Images","alt":"Add Front and Back Images","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images-2.png","id":"18734006325579","title":"Add Front and Back Images 2","alt":"Add Front and Back Images 2","caption":"","itemprop":"image"}]"></div>
<h3>Integrate Pixabay</h3>
Product designer for WooCommerce lets you enable Pixabay and allows customers to add high-resolution images or designs to their products. Customers can choose from more than 5 million images on Pixabay to enhance their product designs.
<img class="alignnone size-medium wp-image-18734006325582" src="https://woocommerce.com/wp-content/uploads/2024/12/Integrate-Pixabay.png?w=896" alt="Integrate Pixabay" width="896" height="434" />
<h3>Allow Specific Image Upload Types (New)</h3>
Custom product designer lets your customers upload a custom image and design to enhance their product customization. You can also restrict uploads to specific file types, such as JPG, PNG, or SVG, ensuring compatibility, maintaining image quality, and preventing unsupported or unsafe file formats from being uploaded.
<img class="alignnone size-medium wp-image-18734006325583" src="https://woocommerce.com/wp-content/uploads/2024/12/Allow-Specific-Image-Upload-Types-New.png?w=896" alt="Allow Specific Image Upload Types (New)" width="896" height="148" />
<h3>Customize the Product Designer</h3>
Product designer for WooCommerce lets you adjust the canvas size, set a custom heading, and choose colors for backgrounds, text, and buttons to match your store’s branding. You can also set pricing for custom designs, helping you manage personalized orders while keeping the design area clean, user-friendly, and optimized.
Note: Customization options are available only in the Classic Customizer (V1).
 
This slideshow requires JavaScript.<div id="gallery-0-6-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer-2.png","id":"18734006325585","title":"Customize the Product Designer 2","alt":"Customize the Product Designer 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer.png","id":"18734006325586","title":"Customize the Product Designer","alt":"Customize the Product Designer","caption":"","itemprop":"image"}]"></div>
 
Note: Customization options are available only in the Classic Customizer (V1).
<h3>Download Design Image</h3>
Admins can download the design image directly from the order details, making it easy to review and print each design accurately for production.
<img class="alignnone size-medium wp-image-18734006325587" src="https://woocommerce.com/wp-content/uploads/2024/12/Download-Design-Image.png?w=896" alt="Download Design Image" width="896" height="212" />
<h3>Compatible with Variable Products</h3>
Product designer plugin for WooCommerce works seamlessly with variable products, enabling customization for each variation. Upload separate front and back images for every variation so customers see an accurate preview based on their selected size, color, or style.
<img class="alignnone size-medium wp-image-18734006325588" src="https://woocommerce.com/wp-content/uploads/2024/12/Compatible-with-Variable-Products.png?w=896" alt="Compatible with Variable Products" width="896" height="485" />
<h3>Share Your Customized Designs</h3>
Let customers easily share their personalized products on social media straight from the product designer. This boosts engagement, highlights their creations, and promotes your store organically.
<img class="alignnone size-medium wp-image-18734006325589" src="https://woocommerce.com/wp-content/uploads/2024/12/Share-Your-Customized-Designs.png?w=896" alt="Share Your Customized Designs" width="896" height="469" />

Custom Product Designer

Enable customers to customize the product according to their preference with WooCommerce product designer.

Custom Size Charts vs Custom Product Designer