Have you ever ever puzzled what number of gross sales you lose as a result of consumers aren\u2019t certain if an merchandise will in fact have compatibility them? <\/p>\n
When purchasing garments or sneakers on-line, a buyer\u2019s greatest fear is getting the best dimension. This uncertainty continuously ends up in them last the tab and on the lookout for a shop that gives clearer knowledge, leading to deserted carts and misplaced gross sales for you.<\/p>\n
I know how irritating it’s to lose doable consumers simply on account of sizing doubts. That\u2019s why I\u2019ve helped many retailer homeowners arrange transparent dimension guides on their product pages, which gets rid of this doubt and offers consumers the boldness to click on \u2018Upload to Cart\u2019.<\/p>\n
On this information, I\u2019ll display you the best way to simply upload a dimension chart in your WooCommerce retailer the usage of 3 confirmed strategies. Via the top, you\u2019ll have a device in position that reduces returns, boosts gross sales, and assists in keeping your consumers glad.<\/p>\n TL;DR:<\/strong> There are more than one tactics so as to add a dimension chart to WooCommerce. If you’re on a decent price range, you’ll be able to use the loose WPC Product Measurement Chart plugin. If you wish to save time via uploading pre-made sizing templates, I like to recommend Complex Product Measurement Charts Professional. You’ll be able to additionally use SeedProd to custom-design your product web page layouts.<\/p>\n<\/div>\n The most important explanation why for top go back charges in on-line retail outlets is continuously mistaken sizing. When a buyer receives an merchandise that doesn\u2019t have compatibility, it ends up in a irritating enjoy for them and additional delivery prices for you.<\/p>\n Via including a transparent dimension information, you’re making certain your consumers have all of the knowledge they want earlier than they purchase. This builds consider and is helping other folks really feel extra assured about clicking the \u2018Upload to Cart\u2019 button.<\/p>\n Past lowering returns, a certified dimension chart provides a number of technical advantages to your retailer:<\/p>\n Taking a couple of mins so as to add a dimension chart is without doubt one of the best tactics to construct consider together with your consumers and give protection to your base line.<\/p>\n With that during thoughts, let\u2019s take a look at the most productive tactics to set this up in your website online with out writing any code.<\/p>\n There are a couple of other ways so as to add sizing guides in your retailer, relying in your price range and what sort of design keep an eye on you wish to have. You’ll be able to use the fast hyperlinks underneath to leap to the process that most closely fits your wishes:<\/p>\n Prior to you start any of those strategies, remember to have an energetic WooCommerce retailer with no less than a couple of merchandise already added.<\/p>\n In case you haven\u2019t set this up but, you’ll be able to observe my step by step information on WooCommerce Made Easy.<\/p>\n If you’re on the lookout for a competent, loose means so as to add sizing tables, I like to recommend the WPC Product Measurement Chart for WooCommerce plugin. It’s extremely light-weight and really beginner-friendly.<\/p>\n First, you wish to have to put in and turn on the plugin. If you wish to have assist, see our information on the best way to set up a WordPress plugin.<\/p>\n As soon as activated, move to Measurement Charts \u00bb Upload New<\/strong> to your WordPress admin dashboard to create your first information.<\/p>\n First, give your dimension chart a descriptive name (like \u2018Girls\u2019s Shoe Sizing\u2019).<\/p>\n Subsequent, scroll all the way down to the \u2018Configuration\u2019 field.<\/p>\n In case your producer gave you a sizing information as a JPEG or PNG symbol, you’ll be able to click on the \u2018Upload Media\u2019 button throughout the \u2018Above Textual content\u2019 or \u2018Below Textual content\u2019 spaces to add your image immediately to the chart.<\/p>\n On the other hand, remember the fact that construction a text-based desk the usage of the plugin\u2019s grid is in most cases higher for cellular consumers, as it’s going to mechanically resize to suit smaller displays with out making them pinch and zoom.<\/p>\n If you want to sort out your measurements, search for the \u2018Chart Desk\u2019 phase proper within the center.<\/p>\n Right here, you’ll be able to upload rows and columns to construct your structure, after which click on throughout the fields to sort to your sizing knowledge.<\/p>\n In spite of everything, you wish to have to inform the plugin the place to show this chart. Search for the \u2018Observe\u2019 dropdown on the best of the Configuration field.<\/p>\n I extremely suggest assigning your chart to precise product classes right here so it presentations up mechanically, which can prevent a ton of time.<\/p>\n If you choose \u2018None\u2019 from this dropdown, you’ll have to manually edit every person WooCommerce product and assign the chart the usage of the brand new \u2018Measurement Charts\u2019 tab positioned within the Product Information field.<\/p>\n When you find yourself completed, click on the \u2018Put up\u2019 button on the best of the display.<\/p>\n The plugin will mechanically upload a \u2018Measurement Chart\u2019 button in your designated merchandise. When consumers click on this button, your dimension information will open in a blank, informative popup.<\/p>\n Whilst construction tables manually works effectively for a couple of pieces, better retail outlets continuously desire a quicker workflow.<\/p>\n For complex options like pre-made templates, and blank popup shows, I like to recommend the usage of the top class Complex Product Measurement Charts Professional plugin.<\/p>\n First, you wish to have to buy, set up, and turn on the Professional plugin. If you wish to have assist, see our information on the best way to set up a WordPress plugin.<\/p>\n As soon as the Professional model is energetic, navigate to Measurement Chart \u00bb All Measurement Charts<\/strong> to your WordPress admin dashboard.<\/p>\n You’ll see a listing of kind of 10 pre-made charts (like \u2018Males\u2019s T-Blouse\u2019 and \u2018Girls\u2019s Footwear\u2019). Those are your ready-made templates.<\/p>\n As an alternative of ranging from scratch, to find the template that intently fits your product sort.<\/p>\n Hover over the name and click on the \u2018Edit\u2019 hyperlink. This opens the chart editor with all of the dimension knowledge already populated.<\/p>\n Scroll all the way down to the \u2018Chart Desk\u2019 phase, the place you’re going to see the dimension grid.<\/p>\n Professional Tip:<\/strong> When customizing your chart, be sure you delete any empty rows the usage of the trash icon. Leaving clean rows within the editor continuously ends up in awkward clean areas in your are living product web page, complicated consumers.<\/p>\n<\/div>\n Subsequent, scroll all the way down to the \u2018Measurement Chart Settings\u2019 phase close to the highest of the web page.<\/p>\n For the Measurement Chart Place, make a choice \u2018Modal Popup\u2019. That is the preferred skilled selection.<\/p>\n You’ll be able to now use the \u2018Measurement Chart Hyperlink Name\u2019 box to modify the true button textual content (similar to \u2018View Have compatibility Information\u2019).<\/p>\n You’ll be able to additionally use the \u2018Popup Icon\u2019 dropdown so as to add a visible cue subsequent in your hyperlink, and modify the \u2018Chart Desk Font Measurement\u2019 to verify the textual content is straightforward to learn on all gadgets.<\/p>\n In spite of everything, you wish to have to inform WooCommerce which merchandise will have to show this particular chart.<\/p>\n Have a look at the best aspect of your display, the place you’re going to see devoted meta packing containers for Assign Class, Assign Tag, Assign Attributes, and Assign Product.<\/p>\n To save lots of time, merely test the related packing containers within the \u2018Assign Class\u2019 meta field (like \u2018Shirts\u2019 or \u2018Footwear\u2019). This mechanically applies the chart to each and every merchandise in that class.<\/p>\n If in case you have a novel merchandise that matches otherwise than the remainder of your stock, you’ll be able to use the \u2018Assign Product\u2019 field to use the chart to only that one particular merchandise.<\/p>\n When you find yourself pleased with how the whole thing is about up, click on the \u2018Replace\u2019 or \u2018Put up\u2019 button at the proper aspect of the display. Your dimension chart is now are living.<\/p>\n I extremely suggest opening certainly one of your product pages in a brand new tab to make sure that the button seems in the best spot and the popup seems right kind on each desktop and cellular.<\/p>\n If you wish to have whole keep an eye on over precisely the place your dimension information seems and the way all of your product web page seems, I extremely suggest the usage of the SeedProd Web page Builder.<\/p>\n The use of SeedProd will substitute your present WordPress theme, so this technique is best possible if you wish to redesign all of your on-line retailer from the bottom up.<\/p>\n This lets you position your dimension chart precisely the place it’s going to convert best possible, like proper underneath the fee or inside of a tradition product tab.<\/p>\n The use of SeedProd will provide you with the liberty to construct a in point of fact distinctive buying groceries enjoy.<\/p>\n If you wish to have a extra detailed walkthrough on putting in place your tradition retailer design, take a look at my information on the best way to customise WooCommerce product pages (no code means).<\/p>\n Be aware:<\/strong> You’ll desire a SeedProd Elite license to get admission to the particular WooCommerce blocks and Web page Builder options required for this technique.<\/p>\n<\/div>\n First, you wish to have to put in and turn on the SeedProd plugin.<\/p>\n If you wish to have assist, see our information on the best way to set up a WordPress plugin. And because you bought an Elite license, don\u2019t omit to turn on your license key at the SeedProd \u00bb Settings<\/strong> web page.<\/p>\n Subsequent, move to SeedProd \u00bb Web page Builder<\/strong> to your WordPress admin dashboard.<\/p>\n Be aware: You’ll be able to forget about the \u2018AI Theme Builder\u2018 menu for this instructional, as we would like the guide controls discovered right here.<\/p>\n<\/div>\n To create your dimension chart structure, click on the \u2018Upload New Template\u2019 button underneath the \u2018Fast Movements\u2019 phase.<\/p>\n Within the popup that looks, give your template a descriptive identify (like \u2018Unmarried Product Customized\u2019).<\/p>\n Then, from the \u2018Kind\u2019 dropdown, make a selection \u2018Unmarried Product\u2019.<\/p>\n Subsequent, you wish to have to set your \u2018Stipulations\u2019.<\/p>\n Via default, SeedProd mechanically units this to \u2018Come with\u2019 and \u2018Product Put up Kind\u2019. This implies your new structure will display up on each and every unmarried product to your retailer.<\/p>\n If that’s what you wish to have, merely click on the \u2018Save\u2019 button.<\/p>\n On the other hand, in the event you handiest need this particular dimension chart to look on positive pieces, you’ll be able to simply trade this.<\/p>\n You wish to have to click on the dropdown menu, scroll all the way down to the \u2018WooCommerce\u2019 phase, and make a selection \u2018Product Class\u2019.<\/p>\n It is important to moderately sort the precise identify or slug of your class (like \u2018shirts\u2019 or \u2018sneakers\u2019) into the textual content field, after which click on \u2018Create Template\u2019.<\/p>\n SeedProd will now open its visible drag-and-drop editor. At the left aspect of your display, you’re going to see a piece to your WooCommerce blocks.<\/p>\n You’ll be able to drag and drop very important blocks just like the Product Symbol, Product Name, Product Value, and Upload to Cart button immediately onto your canvas to construct your structure.<\/p>\n So as to add your sizing information, you have got 3 skilled choices to make a choice from:<\/p>\n When you find yourself glad together with your tradition product web page design, click on the \u2018Save\u2019 button within the best proper nook of the editor.<\/p>\n Subsequent, click on the dropdown arrow subsequent to the save button and make a selection \u2018Put up\u2019.<\/p>\n In spite of everything, go out again to the SeedProd \u00bb Web page Builder<\/strong> dashboard.<\/p>\n When you find yourself waiting, you should toggle the \u2018Allow SeedProd Theme\u2019 transfer to \u2018ON\u2019 on the best of the web page. In case you skip this step, your tradition design is not going to display up in your are living retailer.<\/p>\n Vital:<\/strong> As a result of this surroundings replaces your energetic WordPress theme with SeedProd, please make sure you have additionally created your \u2018Header\u2019 and \u2018Footer\u2019 templates within the Web page Builder. In case you don\u2019t, your are living website online would possibly lose its navigation menu!<\/p>\n For main points, see our information on the best way to create a tradition WordPress theme with SeedProd.<\/p>\n<\/div>\n Your tradition product web page and dimension information are actually are living and waiting to your consumers.<\/p>\n Including a dimension chart is a smart first step, however there are alternative ways to make your retailer extra a success. <\/p>\n The use of the best gear let you flip extra guests into consumers:<\/p>\n I\u2019ve helped many retailer homeowners arrange their dimension guides. Listed below are one of the vital maximum commonplace questions I am getting about including a dimension chart in WooCommerce.<\/p>\n 1. How do I upload a dimension chart in WooCommerce without cost?<\/strong><\/p>\n You’ll be able to upload a dimension chart without cost via the usage of the WPC Product Measurement Chart plugin. It features a easy desk builder and allows you to simply use the \u2018Upload Media\u2019 button to add sizing photographs in your product pages without cost.<\/p>\n 2. Can I display a unique WooCommerce dimension chart for every product class?<\/strong><\/p>\n Sure, you’ll be able to assign other charts to precise classes the usage of each the loose WPC Product Measurement Chart plugin and the Complex Product Measurement Charts Professional plugin. This lets you have one information to your \u2018T-Shirts\u2019 class and a fully other one for \u2018Footwear.\u2019<\/p>\n 3. Will a dimension chart plugin decelerate my WooCommerce website online?<\/strong><\/p>\n No, well-coded dimension chart gear are very light-weight. I\u2019ve discovered that they simply load the important scripts when a person perspectives the product or clicks the popup button, so it received\u2019t harm your WooCommerce web page loading pace.<\/p>\n 4. Does WooCommerce have a integrated dimension chart characteristic?<\/strong><\/p>\n WooCommerce does now not have a integrated dimension chart characteristic. Whilst you’ll be able to use WooCommerce product attributes to record measurements, the usage of a devoted device just like the plugins discussed above is far better for developing a visible desk this is simple for purchasers to learn.<\/p>\n 5. How do I add a dimension chart symbol in WooCommerce?<\/strong><\/p>\n If you have already got a pre-made dimension chart stored as a picture (like a JPEG or PNG) out of your producer, you don\u2019t need to construct a brand new desk from scratch. You’ll be able to use SeedProd so as to add an Symbol block immediately in your product web page structure, or you’ll be able to use the \u2018Upload Media\u2019 button throughout the loose WPC Product Measurement Chart configuration settings.<\/p>\n Simply take into account that static photographs can from time to time be onerous to learn on cellphones. In case you do add a picture, don\u2019t omit so as to add Alt Textual content so serps and visually impaired consumers can nonetheless perceive your sizing knowledge.<\/p>\n 6. What knowledge will have to I come with in my dimension charts?<\/strong><\/p>\n For attire, commonplace measurements come with bust, waist, hips, and inseam. For sneakers, foot period is an important. All the time come with each imperial (inches) and metric (cm) devices in case your target market is world. Believe including a \u2018Find out how to Measure\u2019 information or diagrams to assist consumers get correct readings.<\/p>\n 7. How do dimension charts assist cut back returns in my retailer?<\/strong><\/p>\n Measurement charts obviously keep up a correspondence product measurements, which is helping consumers make a choice the proper dimension the primary time. This considerably reduces the possibilities of them receiving an merchandise that doesn\u2019t have compatibility, which in flip lowers your go back charges and saves you cash on delivery and processing.<\/p>\n 8. How do I upload selectable sizes (like Small, Medium, Massive) to my merchandise?<\/strong><\/p>\n There are two other ways so as to add purposeful sizes in your WooCommerce retailer, relying on what you wish to have the buyer to do:<\/p>\n To arrange purposeful sizes, take a look at our whole guides on the best way to upload product attributes and the best way to arrange product filters.<\/p>\n I’m hoping those strategies let you create a unbroken buying groceries enjoy to your consumers. <\/p>\n In case you\u2019re waiting to take your next step in rising your small business, I like to recommend exploring a few of my different articles underneath.<\/p>\n In case you preferred this text, then please subscribe to our\u00a0YouTube Channel\u00a0for WordPress video tutorials. You’ll be able to additionally to find us on\u00a0Twitter<\/a>\u00a0and Fb.<\/p>\n<\/div>\n![\"How](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/how-to-add-size-char-featured.jpg\" "\\"How")
<\/figure>\nWhy Upload a Measurement Chart to Your WooCommerce Retailer?<\/h4>\n
\n
![\"Benefits](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/product-size-chart-benefits.jpg\" "\\"Benefits")
<\/figure>\nWhich Manner is Proper for You?<\/h4>\n
Manner 1: Upload a Measurement Chart The use of a Unfastened Plugin<\/h4>\n
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-size-chart-title.png\" "\\"Adding")
<\/figure>\n![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-add-media-image-size-chart.png\" "\\"Adding")
<\/figure>\n![\"Creating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-chart-table.png\" "\\"Creating")
<\/figure>\n![\"Applying](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-apply-size-charts-to-products-automatically.png\" "\\"Applying")
<\/figure>\n![\"Publishing](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-publish-size-chart.png\" "\\"Publishing")
<\/figure>\nManner 2: Upload a Measurement Chart The use of a Top class Plugin<\/h4>\n
![\"The](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-size-chart-templates.png\" "\\"Product")
<\/figure>\n![\"Creating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-chart-table-2.png\" "\\"Creating")
<\/figure>\n\n
![\"Selecting](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-size-chart-position.png\" "\\"Selecting")
<\/figure>\n![\"Customizing](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-popup-settings.png\" "\\"Customizing")
<\/figure>\n![\"Assigning](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-assign-to-products.png\" "\\"Assigning")
<\/figure>\n![\"Updating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-update-publish.png\" "\\"Updating")
<\/figure>\nManner 3: Upload a Measurement Chart The use of a Web page Builder<\/h4>\n
![\"Verifying](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/01\/seedprod-verify-min.png\" "\\"Verifying")
<\/figure>\n![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-website-builder-add-new-template.png\" "\\"Adding")
<\/figure>\n![\"Creating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-new-single-product-theme-template-1.png\" "\\"Creating")
<\/figure>\n![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-conditions-all-products.png\" "\\"Adding")
<\/figure>\n![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-conditions-product-category.png\" "\\"Adding")
<\/figure>\n![\"Building](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-product-page-builder.png\" "\\"Building")
<\/figure>\n\n
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-size-chart-image.png\" "\\"Adding")
<\/figure>\n![\"Publishing](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-publish-product-page.png\" "\\"Publishing")
<\/figure>\n![\"Enabling](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-enable-seedprod-theme.png\" "\\"Enabling")
<\/figure>\nBonus Tactics to Optimize Your WooCommerce Retailer<\/h4>\n
FAQs About WooCommerce Measurement Charts<\/h4>\n
\n
Further Sources for On-line Shops<\/h4>\n