<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>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<p><a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.</p>
<p>This extension allows you to create customizable products using <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">60+ field types</a>, <a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">conditional logic</a>, <a href="https://wsform.com/knowledgebase/repeatable-sections/" target="_blank" rel="noopener noreferrer">repeaters</a>, <a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">multiple steps</a> and more!</p>
<p>You can use this extension to request additional information about a product before it is added to the cart. Furthermore, it works with popular WooCommerce extensions such as QuickView, Wishlist and Dynamic Pricing.</p>
<div class="woo-sc-box normal">This extension requires you to own the <a title="WS Form PRO" href="https://wsform.com/" target="_blank" rel="noopener noreferrer">WS Form PRO</a> plugin.</div>
<h2>Example Use Cases</h2>
<ul>
<li><a href="https://woocommerce.wsform.com/product/t-shirt/" target="_blank" rel="noopener noreferrer">Interactive product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/make-a-donation/" target="_blank" rel="noopener noreferrer">Donation or ‘name your price’ products</a></li>
<li><a href="https://woocommerce.wsform.com/product/repeatable-sections/" target="_blank" rel="noopener noreferrer">Repeatable sections of fields</a></li>
<li><a href="https://woocommerce.wsform.com/product/woocommerce-field-types/" target="_blank" rel="noopener noreferrer">Placing ‘Add to Cart’ in a desired location</a></li>
<li><a href="https://woocommerce.wsform.com/product/multi-tab/" target="_blank" rel="noopener noreferrer">Multi-step product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/calculations/" target="_blank" rel="noopener noreferrer">Complex price calculations</a></li>
<li><a href="https://woocommerce.wsform.com/product/file-upload/" target="_blank" rel="noopener noreferrer">File uploads</a></li>
<li><a href="https://woocommerce.wsform.com/product/google-map/" target="_blank" rel="noopener noreferrer">Google maps</a></li>
<li><a href="https://woocommerce.wsform.com/product/color-swatches/" target="_blank" rel="noopener noreferrer">Color swatch selectors</a></li>
</ul>
<p>… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.</p>
<h2>Key Features</h2>
<ul>
<li>A fully integrated solution that fits seamlessly into your product pages</li>
<li>Assign forms to individual products, all products, product categories and tags</li>
<li>Use any <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">WS Form PRO field type</a></li>
<li>Create dynamic product pricing by using the <a href="https://wsform.com/knowledgebase_category/field-types-ecommerce/" target="_blank" rel="noopener noreferrer">WS Form e-commerce field types</a> with real-time price updates</li>
<li>Customize the position of ‘Add to Cart’, ‘Quantity’ and other WooCommerce product page elements in your form</li>
<li>Customize the WooCommerce ‘Add to Cart’ button and price format</li>
<li><a href="https://wsform.com/knowledgebase/calculated-fields/" target="_blank" rel="noopener noreferrer">Calculated fields</a></li>
<li><a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">Conditional logic</a></li>
<li><a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">Multi-step forms</a></li>
<li>Run <a href="https://wsform.com/knowledgebase/introduction-actions/" target="_blank" rel="noopener noreferrer">WS Form actions</a> when an order is paid (e.g. Send a product customization to a <a href="https://wsform.com/knowledgebase/slack/" target="_blank" rel="noopener noreferrer">Slack</a> channel, or <a href="https://wsform.com/knowledgebase/run-wordpress-hook/" target="_blank" rel="noopener noreferrer">run a WordPress hook</a>)</li>
</ul>
<h2>How it Works</h2>
<p><img class="size-full wp-image-5281625 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_add_form.jpg" alt="Adding a form to a product" width="980" height="559" /></p>
<p>Adding a form to a WooCommerce product is easy! Simply click on the WS Form tab under ‘Product data’ and choose a template or choose an existing form. You can also start with a blank template and create a fully customized form for your product.</p>
<p><img class="size-full wp-image-5281627 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_form_assigned.jpg" alt="Assigned form" width="980" height="385" /></p>
<p>Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.</p>
<p><img class="size-full wp-image-5281634 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_layout_editor.jpg" alt="Layout Editor" width="980" height="615" /></p>
<p>Use the powerful features of the WS Form PRO <a href="https://wsform.com/knowledgebase/the-layout-editor/" target="_blank" rel="noopener noreferrer">layout editor</a> to edit your product customization.</p>
<p><img class=" wp-image-5281628 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_fields.gif" alt="WooCommerce Fields" width="421" height="212" /></p>
<p>Use the WooCommerce field types to fully customize where product components are positioned on your product page.</p>
<p><img class="size-full wp-image-4796928 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/5.-T-Shirt-customization.jpg" alt="T-Shirt Customization" width="980" height="559" /></p>
<p>Create product customizations that dovetail seamlessly into your website.</p>
<p><img class="size-full wp-image-4796926 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/3.-Your-product-is-customized-with-the-form.jpg" alt="Multi-Tab Forms" width="980" height="559" /></p>
<p>Create multi-step product customizations using all of the features available in WS Form PRO!</p>
<p><a class="woo-sc-button custom" href="https://woocommerce.wsform.com" target="_blank" rel="noopener noreferrer">View a demo of the WS Form Product Add-Ons extension</a></p>

WS Form PRO Product Custom Fields Add-Ons

<p>Create custom fields for products with 60+ customization field types. Customize product pages with tabs, conditional logic, repeaters, calculations, multi-step and more!</p>

Custom Size Charts vs WS Form PRO Product Custom Fields Add-Ons