![\"How](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/how-to-add-size-char-featured.jpg\")
<\/figure>\nTL;DR:<\/strong> There are multiple ways to add a size chart to WooCommerce. If you are on a tight budget, you can use the free WPC Product Size Chart<\/a> plugin. If you want to save time by importing pre-made sizing templates, I recommend Advanced Product Size Charts Pro<\/a>. You can also use SeedProd<\/a> to custom-design your product page layouts.<\/p>\n<\/div>\n The biggest reason for high return rates in online stores<\/a> is often incorrect sizing. When a customer receives an item that doesn\u2019t fit, it leads to a frustrating experience for them and extra shipping costs for you.<\/p>\n By adding a clear size guide, you make sure your shoppers have all the information they need before they buy. This builds trust and helps people feel more confident about clicking the \u2018Add to Cart\u2019 button.<\/p>\n Beyond reducing returns, a professional size chart offers several technical benefits for your store:<\/p>\n Taking a few minutes to add a size chart is one of the easiest ways to build trust with your shoppers and protect your bottom line.<\/p>\n With that in mind, let\u2019s look at the best ways to set this up on your site without writing any code.<\/p>\n There are a few different ways to add sizing guides to your store, depending on your budget and how much design control you want. You can use the quick links below to jump to the method that best fits your needs:<\/p>\n Before you begin any of these methods, make sure you have an active WooCommerce store with at least a few products already added.<\/p>\n If you haven\u2019t set this up yet, you can follow my step-by-step guide on WooCommerce Made Simple<\/a>.<\/p>\n If you are looking for a reliable, free way to add sizing tables, I recommend the WPC Product Size Chart for WooCommerce<\/a> plugin. It is incredibly lightweight and very beginner-friendly.<\/p>\n First, you need to install and activate the plugin. If you need help, see our guide on how to install a WordPress plugin<\/a>.<\/p>\n Once activated, go to Size Charts \u00bb Add New<\/strong> in your WordPress admin dashboard to create your first guide.<\/p>\n First, give your size chart a descriptive title (like \u2018Women\u2019s Shoe Sizing\u2019).<\/p>\n Next, scroll down to the \u2018Configuration\u2019 box.<\/p>\n If your manufacturer gave you a sizing guide as a JPEG or PNG image<\/a>, you can click the \u2018Add Media\u2019 button inside the \u2018Above Text\u2019 or \u2018Under Text\u2019 areas to upload your picture directly to the chart.<\/p>\n However, keep in mind that building a text-based table using the plugin\u2019s grid is usually better for mobile shoppers, as it will automatically resize to fit smaller screens without making them pinch and zoom.<\/p>\n If you prefer to type out your measurements, look for the \u2018Chart Table\u2019 section right in the middle.<\/p>\n Here, you can add rows and columns to build your layout, and then click inside the fields to type in your sizing data.<\/p>\n Finally, you need to tell the plugin where to display this chart. Look for the \u2018Apply\u2019 dropdown at the top of the Configuration box.<\/p>\n I highly recommend assigning your chart to specific product categories<\/a> here so it shows up automatically, which will save you a ton of time.<\/p>\n If you select \u2018None\u2019 from this dropdown, you will have to manually edit each individual WooCommerce product and assign the chart using the new \u2018Size Charts\u2019 tab located in the Product Data box.<\/p>\n When you are finished, click the \u2018Publish\u2019 button at the top of the screen.<\/p>\n The plugin will automatically add a \u2018Size Chart\u2019 button to your designated products. When customers click this button, your measurement guide will open in a clean, informative popup.<\/p>\n While building tables manually works well for a few items, larger stores often need a faster workflow.<\/p>\n For advanced features like pre-made templates, and clean popup displays, I recommend using the premium Advanced Product Size Charts Pro<\/a> plugin.<\/p>\n First, you need to purchase, install, and activate the Pro plugin. If you need help, see our guide on how to install a WordPress plugin<\/a>.<\/p>\n Once the Pro version is active, navigate to Size Chart \u00bb All Size Charts<\/strong> in your WordPress admin dashboard.<\/p>\n You will see a list of roughly 10 pre-made charts (like \u2018Men\u2019s T-Shirt\u2019 and \u2018Women\u2019s Shoes\u2019). These are your ready-made templates.<\/p>\n Instead of starting from scratch, find the template that closely matches your product type.<\/p>\n Hover over the title and click the \u2018Edit\u2019 link. This opens the chart editor with all the measurement data already populated.<\/p>\n Scroll down to the \u2018Chart Table\u2019 section, where you will see the measurement grid.<\/p>\n Expert Tip:<\/strong> When customizing your chart, make sure to delete any empty rows using the trash icon. Leaving blank rows in the editor often results in awkward blank spaces on your live product page, confusing shoppers.<\/p>\n<\/div>\n Next, scroll down to the \u2018Size Chart Settings\u2019 section near the top of the page.<\/p>\n For the Size Chart Position, choose \u2018Modal Popup\u2019. This is the most popular professional choice.<\/p>\n You can now use the \u2018Size Chart Link Title\u2019 field to change the actual button text (such as \u2018View Fit Guide\u2019).<\/p>\n You can also use the \u2018Popup Icon\u2019 dropdown to add a visual cue next to your link, and adjust the \u2018Chart Table Font Size\u2019 to ensure the text is easy to read on all devices.<\/p>\n Finally, you need to tell WooCommerce which products should display this specific chart.<\/p>\n Look at the right side of your screen, where you will see dedicated meta boxes for Assign Category, Assign Tag, Assign Attributes, and Assign Product.<\/p>\n To save time, simply check the relevant boxes in the \u2018Assign Category\u2019 meta box (like \u2018Shirts\u2019 or \u2018Shoes\u2019). This automatically applies the chart to every item in that category.<\/p>\n If you have a unique item that fits differently than the rest of your inventory, you can use the \u2018Assign Product\u2019 box to apply the chart to just that one specific item.<\/p>\n When you are happy with how everything is set up, click the \u2018Update\u2019 or \u2018Publish\u2019 button on the right side of the screen. Your size chart is now live.<\/p>\n I highly recommend opening one of your product pages in a new tab to verify that the button appears in the right spot and the popup looks correct on both desktop and mobile.<\/p>\n If you want complete control over exactly where your size guide appears and how your entire product page looks, I highly recommend using the SeedProd<\/a> Website Builder.<\/p>\n Using SeedProd will replace your current WordPress theme, so this method is best if you want to redesign your entire online store from the ground up.<\/p>\n This allows you to place your size chart exactly where it will convert best, like right under the price or inside a custom product tab.<\/p>\n Using SeedProd gives you the freedom to build a truly unique shopping experience.<\/p>\n If you want a more detailed walkthrough on setting up your custom store design, check out my guide on how to customize WooCommerce product pages (no code method)<\/a>.<\/p>\n Note:<\/strong> You will need a SeedProd Elite license to access the specific WooCommerce blocks and Website Builder features required for this method.<\/p>\n<\/div>\n First, you need to install and activate the SeedProd plugin.<\/p>\n If you need help, see our guide on how to install a WordPress plugin<\/a>. And since you purchased an Elite license, don\u2019t forget to activate your license key on the SeedProd \u00bb Settings<\/strong> page.<\/p>\n Next, go to SeedProd \u00bb Website Builder<\/strong> in your WordPress admin dashboard.<\/p>\n Note: You can ignore the \u2018AI Theme Builder<\/a>\u2018 menu for this tutorial, as we want the manual controls found here.<\/p>\n<\/div>\n To create your size chart layout, click the \u2018Add New Template\u2019 button under the \u2018Quick Actions\u2019 section.<\/p>\n In the popup that appears, give your template a descriptive name (like \u2018Single Product Custom\u2019).<\/p>\n Then, from the \u2018Type\u2019 dropdown, select \u2018Single Product\u2019.<\/p>\n Next, you need to set your \u2018Conditions\u2019.<\/p>\n By default, SeedProd automatically sets this to \u2018Include\u2019 and \u2018Product Post Type\u2019. This means your new layout will show up on every single product in your store.<\/p>\n If that is what you want, simply click the \u2018Save\u2019 button.<\/p>\n However, if you only want this specific size chart to appear on certain items, you can easily change this.<\/p>\n You need to click the dropdown menu, scroll down to the \u2018WooCommerce\u2019 section, and select \u2018Product Category\u2019.<\/p>\n You will need to carefully type the exact name or slug of your category (like \u2018shirts\u2019 or \u2018shoes\u2019) into the text box, and then click \u2018Create Template\u2019.<\/p>\n SeedProd will now open its visual drag-and-drop editor. On the left side of your screen, you will see a section for your WooCommerce blocks.<\/p>\n You can drag and drop essential blocks like the Product Image, Product Title, Product Price, and Add to Cart button directly onto your canvas to build your layout.<\/p>\n To add your sizing guide, you have three professional options to choose from:<\/p>\n When you are happy with your custom product page design, click the \u2018Save\u2019 button in the top right corner of the editor.<\/p>\n Next, click the dropdown arrow next to the save button and select \u2018Publish\u2019.<\/p>\n Finally, exit back to the SeedProd \u00bb Website Builder<\/strong> dashboard.<\/p>\n When you are ready, you must toggle the \u2018Enable SeedProd Theme\u2019 switch to \u2018ON\u2019 at the top of the page. If you skip this step, your custom design will not show up on your live store.<\/p>\n Important:<\/strong> Because this setting replaces your active WordPress theme with SeedProd, please ensure you have also created your \u2018Header\u2019 and \u2018Footer\u2019 templates in the Website Builder. If you don\u2019t, your live site may lose its navigation menu!<\/p>\n For details, see our guide on how to create a custom WordPress theme with SeedProd<\/a>.<\/p>\n<\/div>\n Your custom product page and size guide are now live and ready for your shoppers.<\/p>\n Adding a size chart is a great first step, but there are other ways to make your store more successful. <\/p>\n Using the right tools can help you turn more visitors into customers:<\/p>\n I\u2019ve helped many store owners set up their measurement guides. Here are some of the most common questions I get about adding a size chart in WooCommerce.<\/p>\n 1. How do I add a size chart in WooCommerce for free?<\/strong><\/p>\n You can add a size chart for free by using the WPC Product Size Chart<\/a> plugin. It includes a straightforward table builder and lets you easily use the \u2018Add Media\u2019 button to upload sizing images to your product pages for free.<\/p>\n 2. Can I show a different WooCommerce size chart for each product category?<\/strong><\/p>\n Yes, you can assign different charts to specific categories using both the free WPC Product Size Chart<\/a> plugin and the Advanced Product Size Charts Pro<\/a> plugin. This allows you to have one guide for your \u2018T-Shirts\u2019 category and a completely different one for \u2018Shoes.\u2019<\/p>\n 3. Will a size chart plugin slow down my WooCommerce site?<\/strong><\/p>\n No, well-coded size chart tools are very lightweight. I\u2019ve found that they only load the necessary scripts when a user views the product or clicks the popup button, so it won\u2019t hurt your WooCommerce page loading speed.<\/p>\n 4. Does WooCommerce have a built-in size chart feature?<\/strong><\/p>\n WooCommerce does not have a built-in size chart feature. While you can use WooCommerce product attributes to list measurements, using a dedicated tool like the plugins mentioned above is much better for creating a visual table that is easy for customers to read.<\/p>\n 5. How do I upload a size chart image in WooCommerce?<\/strong><\/p>\n If you already have a pre-made size chart saved as an image (like a JPEG or PNG) from your manufacturer, you don\u2019t have to build a new table from scratch. You can use SeedProd to add an Image block directly to your product page layout, or you can use the \u2018Add Media\u2019 button inside the free WPC Product Size Chart configuration settings.<\/p>\n Just remember that static images can sometimes be hard to read on mobile phones. If you do upload an image, don\u2019t forget to add Alt Text so search engines and visually impaired shoppers can still understand your sizing information.<\/p>\n 6. What data should I include in my size charts?<\/strong><\/p>\n For apparel, common measurements include bust, waist, hips, and inseam. For shoes, foot length is crucial. Always include both imperial (inches) and metric (cm) units if your audience is international. Consider adding a \u2018How to Measure\u2019 guide or diagrams to help customers get accurate readings.<\/p>\n 7. How do size charts help reduce returns in my store?<\/strong><\/p>\n Size charts clearly communicate product measurements, which helps customers choose the correct size the first time. This significantly reduces the chances of them receiving an item that doesn\u2019t fit, which in turn lowers your return rates and saves you money on shipping and processing.<\/p>\n 8. How do I add selectable sizes (like Small, Medium, Large) to my products?<\/strong><\/p>\n There are two different ways to add functional sizes to your WooCommerce store, depending on what you want the customer to do:<\/p>\n To set up functional sizes, check out our complete guides on how to add product attributes<\/a> and how to set up product filters<\/a>.<\/p>\n I hope these methods help you create a seamless shopping experience for your customers. <\/p>\n If you\u2019re ready to take the next step in growing your online business, I recommend exploring some of my other articles below.<\/p>\n If you liked this article, then please subscribe to our\u00a0YouTube Channel<\/a>\u00a0for WordPress video tutorials. You can also find us on\u00a0Twitter<\/a>\u00a0and Facebook<\/a>.<\/p>\n The post Fewer Returns, More Sales: How to Add Size Charts in WooCommerce<\/a> first appeared on WPBeginner<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" Have you ever wondered how many sales you lose because shoppers aren\u2019t sure if an item will actually fit them? When buying clothes or shoes online, a customer\u2019s biggest worry is getting the right size. This uncertainty often leads to them closing the tab and looking for a store that provides clearer information, resulting in […]<\/p>\n","protected":false},"author":1,"featured_media":781,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-780","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/posts\/780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=780"}],"version-history":[{"count":0,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/posts\/780\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/media\/781"}],"wp:attachment":[{"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/categories?post=780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xn--mnchen-3ya.xyz\/index.php\/wp-json\/wp\/v2\/tags?post=780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Why Add a Size Chart to Your WooCommerce Store?<\/h4>\n
\n
![\"Benefits](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/product-size-chart-benefits.jpg\")
<\/figure>\nWhich Method is Right for You?<\/h4>\n
\n
Method 1: Add a Size Chart Using a Free Plugin<\/h4>\n
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-size-chart-title.png\")
<\/figure>\n![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-add-media-image-size-chart.png\")
<\/figure>\n![\"Creating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-chart-table.png\")
<\/figure>\n![\"Applying](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-apply-size-charts-to-products-automatically.png\")
<\/figure>\n![\"Publishing](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-publish-size-chart.png\")
<\/figure>\nMethod 2: Add a Size Chart Using a Premium Plugin<\/h4>\n
![\"The](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-size-chart-templates.png\")
<\/figure>\n![\"Creating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-chart-table-2.png\")
<\/figure>\n\n
![\"Selecting](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-size-chart-position.png\")
<\/figure>\n![\"Customizing](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-popup-settings.png\")
<\/figure>\n![\"Assigning](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-assign-to-products.png\")
<\/figure>\n![\"Updating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-update-publish.png\")
<\/figure>\nMethod 3: Add a Size Chart Using a Page Builder<\/h4>\n
![\"Verifying](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/01\/seedprod-verify-min.png\")
<\/figure>\n![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-website-builder-add-new-template.png\")
<\/figure>\n![\"Creating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-new-single-product-theme-template-1.png\")
<\/figure>\n![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-conditions-all-products.png\")
<\/figure>\n![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-conditions-product-category.png\")
<\/figure>\n![\"Building](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-product-page-builder.png\")
<\/figure>\n\n
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-size-chart-image.png\")
<\/figure>\n![\"Publishing](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-publish-product-page.png\")
<\/figure>\n![\"Enabling](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-enable-seedprod-theme.png\")
<\/figure>\nBonus Ways to Optimize Your WooCommerce Store<\/h4>\n
\n
FAQs About WooCommerce Size Charts<\/h4>\n
\n
Additional Resources for Online Stores<\/h4>\n
\n