\n
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 truth are compatible them? <\/p>\n
When purchasing garments or sneakers on-line, a buyer\u2019s greatest concern is getting the suitable measurement. This uncertainty regularly results in them remaining the tab and in search of a shop that gives clearer data, leading to deserted carts and misplaced gross sales for you.<\/p>\n
I know how irritating it’s to lose attainable consumers simply as a result of sizing doubts. That\u2019s why I\u2019ve helped many retailer house owners arrange transparent measurement guides on their product pages, which gets rid of this doubt and offers consumers the arrogance to click on \u2018Upload to Cart\u2019.<\/p>\n
On this information, I\u2019ll display you the right way to simply upload a measurement chart on your WooCommerce retailer the use of 3 confirmed strategies. Through the tip, you\u2019ll have a machine in position that reduces returns, boosts gross sales, and assists in keeping your consumers glad.<\/p>\n\n
TL;DR:<\/strong> There are a couple of techniques so as to add a measurement chart to WooCommerce. If you’re on a good price range, you’ll use the unfastened 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>\nWhy Upload a Measurement Chart to Your WooCommerce Retailer?<\/h4>\n The largest reason why for prime go back charges in on-line retail outlets is regularly wrong sizing. When a buyer receives an merchandise that doesn\u2019t are compatible, it results in a irritating revel in for them and additional transport prices for you.<\/p>\n
Through including a transparent measurement information, you are making certain your consumers have all of the data they want ahead of they purchase. This builds agree with and is helping other people really feel extra assured about clicking the \u2018Upload to Cart\u2019 button.<\/p>\n
Past decreasing returns, a certified measurement chart gives a number of technical advantages to your retailer:<\/p>\n
\nUpper Conversion Charges:<\/strong> Customers are a lot more more likely to whole a purchase order after they aren\u2019t nervous in regards to the are compatible.<\/li>\nFewer Beef up Tickets:<\/strong> You received\u2019t need to spend as a lot time answering emails from consumers requesting explicit measurements.<\/li>\nHigher Cellular Revel in:<\/strong> The usage of a popup chart approach cell customers can briefly take a look at sizes with out leaving the product web page.<\/li>\nStepped forward search engine marketing:<\/strong> Detailed product data like measurements can lend a hand your retailer display up for extra explicit seek queries.<\/li>\n<\/ul>\nTaking a couple of mins so as to add a measurement chart is likely one of the highest techniques to construct agree with along with your consumers and give protection to your final analysis.<\/p>\n
With that during thoughts, let\u2019s have a look at the most productive techniques to set this up in your web site with out writing any code.<\/p>\n
Which Manner is Proper for You?<\/h4>\n There are a couple of alternative ways so as to add sizing guides on your retailer, relying in your price range and what sort of design regulate you wish to have. You’ll be able to use the fast hyperlinks beneath to leap to the process that most closely fits your wishes:<\/p>\n
Earlier than you start any of those strategies, you’ll want to have an lively WooCommerce retailer with a minimum of a couple of merchandise already added.<\/p>\n
Should you haven\u2019t set this up but, you’ll observe my step by step information on WooCommerce Made Easy.<\/p>\n
Manner 1: Upload a Measurement Chart The usage of a Unfastened Plugin<\/h4>\n If you’re in search of a competent, unfastened manner 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 want to put in and turn on the plugin. If you want lend a hand, see our information on the right way to set up a WordPress plugin.<\/p>\n
As soon as activated, pass to Measurement Charts \u00bb Upload New<\/strong> to your WordPress admin dashboard to create your first information.<\/p>\nFirst, give your measurement chart a descriptive identify (like \u2018Ladies\u2019s Shoe Sizing\u2019).<\/p>\nSubsequent, 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 click on the \u2018Upload Media\u2019 button within the \u2018Above Textual content\u2019 or \u2018Below Textual content\u2019 spaces to add your image at once to the chart.<\/p>\nAlternatively, remember the fact that construction a text-based desk the use of the plugin\u2019s grid is generally higher for cell consumers, as it’ll routinely resize to suit smaller monitors with out making them pinch and zoom.<\/p>\n
If you want to kind out your measurements, search for the \u2018Chart Desk\u2019 phase proper within the center.<\/p>\n
Right here, you’ll upload rows and columns to construct your structure, after which click on within the fields to kind to your sizing information.<\/p>\nIn spite of everything, you want 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 express product classes right here so it displays up routinely, which can prevent a ton of time.<\/p>\nIf you choose \u2018None\u2019 from this dropdown, you’ll have to manually edit every particular person WooCommerce product and assign the chart the use of the brand new \u2018Measurement Charts\u2019 tab positioned within the Product Knowledge field.<\/p>\n
If you find yourself completed, click on the \u2018Post\u2019 button on the best of the display.<\/p>\nThe plugin will routinely upload a \u2018Measurement Chart\u2019 button on your designated merchandise. When consumers click on this button, your dimension information will open in a blank, informative popup.<\/p>\n
Manner 2: Upload a Measurement Chart The usage of a Top rate Plugin<\/h4>\n Whilst construction tables manually works effectively for a couple of pieces, better retail outlets regularly want a sooner workflow.<\/p>\n
For complicated options like pre-made templates, and blank popup presentations, I like to recommend the use of the top rate Complex Product Measurement Charts Professional plugin.<\/p>\n
First, you want to buy, set up, and turn on the Professional plugin. If you want lend a hand, see our information on the right way to set up a WordPress plugin.<\/p>\n
As soon as the Professional model is lively, navigate to Measurement Chart \u00bb All Measurement Charts<\/strong> to your WordPress admin dashboard.<\/p>\nYou’ll see an inventory of more or less 10 pre-made charts (like \u2018Males\u2019s T-Blouse\u2019 and \u2018Ladies\u2019s Footwear\u2019). Those are your ready-made templates.<\/p>\n
As a substitute of ranging from scratch, to find the template that intently fits your product kind.<\/p>\n
Hover over the identify and click on the \u2018Edit\u2019 hyperlink. This opens the chart editor with all of the dimension information 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\nTo Edit:<\/strong> Double-click any cellular to switch the numbers or textual content to check your stock.<\/li>\nTo Increase:<\/strong> Use the (+)<\/strong> buttons on the finish of rows or columns so as to add new sizes (like XXL) or new dimension sorts (like \u2018Sleeve Duration\u2019).<\/li>\nTo Blank Up:<\/strong> Click on the \u2018Trash\u2019 icon on any unused rows to verify they don\u2019t display up as awkward clean areas in your reside web site.<\/li>\n<\/ul>\n\n
Professional Tip:<\/strong> When customizing your chart, be sure to delete any empty rows the use of the trash icon. Leaving clean rows within the editor regularly ends up in awkward clean areas in your reside product web page, complicated consumers.<\/p>\n<\/div>\nSubsequent, 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, select \u2018Modal Popup\u2019. That is the preferred skilled selection.<\/p>\nYou’ll be able to now use the \u2018Measurement Chart Hyperlink Name\u2019 box to switch the true button textual content (akin to \u2018View Are compatible Information\u2019).<\/p>\n
You’ll be able to additionally use the \u2018Popup Icon\u2019 dropdown so as to add a visible cue subsequent on your hyperlink, and modify the \u2018Chart Desk Font Measurement\u2019 to verify the textual content is straightforward to learn on all units.<\/p>\nIn spite of everything, you want to inform WooCommerce which merchandise will have to show this explicit chart.<\/p>\n
Have a look at the suitable facet of your display, the place you’re going to see devoted meta containers for Assign Class, Assign Tag, Assign Attributes, and Assign Product.<\/p>\nTo save lots of time, merely take a look at the related containers within the \u2018Assign Class\u2019 meta field (like \u2018Shirts\u2019 or \u2018Footwear\u2019). This routinely applies the chart to each merchandise in that class.<\/p>\n
When you’ve got a novel merchandise that matches otherwise than the remainder of your stock, you’ll use the \u2018Assign Product\u2019 field to use the chart to only that one explicit merchandise.<\/p>\n
If you find yourself proud of how the whole lot is ready up, click on the \u2018Replace\u2019 or \u2018Post\u2019 button at the proper facet of the display. Your measurement chart is now reside.<\/p>\nI extremely suggest opening considered one of your product pages in a brand new tab to ensure that the button seems in the suitable spot and the popup seems right kind on each desktop and cell.<\/p>\n
Manner 3: Upload a Measurement Chart The usage of a Web page Builder<\/h4>\n If you wish to have whole regulate over precisely the place your measurement information seems and the way all of your product web page seems, I extremely suggest the use of the SeedProd Website online Builder.<\/p>\n
The usage of SeedProd will substitute your present WordPress theme, so this system is highest if you wish to redesign all of your on-line retailer from the bottom up.<\/p>\n
This lets you position your measurement chart precisely the place it’ll convert highest, like proper underneath the cost or inside of a tradition product tab.<\/p>\n
The usage of SeedProd will provide you with the liberty to construct a in point of fact distinctive buying groceries revel in.<\/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 right way to customise WooCommerce product pages (no code manner).<\/p>\n
\n
Notice:<\/strong> You’ll want a SeedProd Elite license to get entry to the precise WooCommerce blocks and Website online Builder options required for this system.<\/p>\n<\/div>\nFirst, you want to put in and turn on the SeedProd plugin.<\/p>\n
If you want lend a hand, see our information on the right way to set up a WordPress plugin. And because you bought an Elite license, don\u2019t overlook to turn on your license key at the SeedProd \u00bb Settings<\/strong> web page.<\/p>\nSubsequent, pass to SeedProd \u00bb Website online Builder<\/strong> to your WordPress admin dashboard.<\/p>\n\n
Notice: You’ll be able to forget about the \u2018AI Theme Builder\u2018 menu for this educational, as we wish the handbook controls discovered right here.<\/p>\n<\/div>\n
To create your measurement chart structure, click on the \u2018Upload New Template\u2019 button underneath the \u2018Fast Movements\u2019 phase.<\/p>\nWithin the popup that looks, give your template a descriptive identify (like \u2018Unmarried Product Customized\u2019).<\/p>\n
Then, from the \u2018Kind\u2019 dropdown, choose \u2018Unmarried Product\u2019.<\/p>\nSubsequent, you want to set your \u2018Stipulations\u2019.<\/p>\n
Through default, SeedProd routinely units this to \u2018Come with\u2019 and \u2018Product Publish Kind\u2019. This implies your new structure will display up on each unmarried product to your retailer.<\/p>\n
If that’s what you wish to have, merely click on the \u2018Save\u2019 button.<\/p>\nAlternatively, in the event you most effective need this explicit measurement chart to look on sure pieces, you’ll simply alternate this.<\/p>\n
You wish to have to click on the dropdown menu, scroll all the way down to the \u2018WooCommerce\u2019 phase, and choose \u2018Product Class\u2019.<\/p>\n
It is important to in moderation kind 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>\nSeedProd will now open its visible drag-and-drop editor. At the left facet of your display, you’re going to see a bit 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 Worth, and Upload to Cart button at once onto your canvas to construct your structure.<\/p>\nSo as to add your sizing information, you could have 3 skilled choices to choose between:<\/p>\n
\nThe Symbol Block:<\/strong> Drag an \u2018Symbol\u2019 block at once underneath the cost and add your measurement information graphic.<\/li>\nThe Product Knowledge Tabs Block:<\/strong> Drag this block into your structure. Within the settings, upload a brand new tab, rename it \u2018Measurement Information\u2019, and sort or paste your dimension desk into the content material space.<\/li>\nThe Accordion Block:<\/strong> Drag an \u2018Accordion\u2019 block and label it \u2018Test Your Measurement\u2019. This assists in keeping the web page blank and most effective displays the measurements when the buyer clicks to make bigger it.<\/li>\n<\/ul>\nIf you find yourself glad along 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 choose \u2018Post\u2019.<\/p>\nIn spite of everything, go out again to the SeedProd \u00bb Website online Builder<\/strong> dashboard.<\/p>\nIf you find yourself waiting, you should toggle the \u2018Permit SeedProd Theme\u2019 transfer to \u2018ON\u2019 on the best of the web page. Should you skip this step, your tradition design won’t display up in your reside retailer.<\/p>\n
\n
Necessary:<\/strong> As a result of this environment replaces your lively WordPress theme with SeedProd, please be sure you have additionally created your \u2018Header\u2019 and \u2018Footer\u2019 templates within the Website online Builder. Should you don\u2019t, your reside web site might lose its navigation menu!<\/p>\nFor main points, see our information on the right way to create a tradition WordPress theme with SeedProd.<\/p>\n<\/div>\nYour tradition product web page and measurement information at the moment are reside and waiting to your consumers.<\/p>\n
Bonus Techniques to Optimize Your WooCommerce Retailer<\/h4>\n Including a measurement chart is a brilliant first step, however there are alternative ways to make your retailer extra a success. <\/p>\n
The usage of the suitable equipment let you flip extra guests into consumers:<\/p>\n
FAQs About WooCommerce Measurement Charts<\/h4>\n I\u2019ve helped many retailer house owners arrange their dimension guides. Listed below are one of the crucial maximum not unusual questions I am getting about including a measurement chart in WooCommerce.<\/p>\n
1. How do I upload a measurement chart in WooCommerce at no cost?<\/strong><\/p>\nYou’ll be able to upload a measurement chart at no cost via the use 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 on your product pages at no cost.<\/p>\n
2. Can I display a special WooCommerce measurement chart for every product class?<\/strong><\/p>\nSure, you’ll assign other charts to express classes the use of each the unfastened 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 an absolutely other one for \u2018Footwear.\u2019<\/p>\n
3. Will a measurement chart plugin decelerate my WooCommerce web site?<\/strong><\/p>\nNo, well-coded measurement chart equipment are very light-weight. I\u2019ve discovered that they simply load the vital scripts when a consumer 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 measurement chart characteristic?<\/strong><\/p>\nWooCommerce does no longer have a integrated measurement chart characteristic. Whilst you’ll use WooCommerce product attributes to record measurements, the use of a devoted device just like the plugins discussed above is far better for developing a visible desk this is simple for patrons to learn.<\/p>\n
5. How do I add a measurement chart symbol in WooCommerce?<\/strong><\/p>\nIf you have already got a pre-made measurement 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 at once on your product web page structure, or you’ll use the \u2018Upload Media\u2019 button within the unfastened WPC Product Measurement Chart configuration settings.<\/p>\n
Simply needless to say static photographs can now and again be exhausting to learn on cell phones. Should you do add a picture, don\u2019t overlook so as to add Alt Textual content so serps and visually impaired consumers can nonetheless perceive your sizing data.<\/p>\n
6. What information will have to I come with in my measurement charts?<\/strong><\/p>\nFor attire, not unusual measurements come with bust, waist, hips, and inseam. For sneakers, foot duration is a very powerful. All the time come with each imperial (inches) and metric (cm) devices in case your target market is global. Believe including a \u2018How you can Measure\u2019 information or diagrams to lend a hand consumers get correct readings.<\/p>\n
7. How do measurement charts lend a hand scale back returns in my retailer?<\/strong><\/p>\nMeasurement charts obviously keep in touch product measurements, which is helping consumers select the right kind measurement the primary time. This considerably reduces the possibilities of them receiving an merchandise that doesn\u2019t are compatible, which in flip lowers your go back charges and saves you cash on transport and processing.<\/p>\n
8. How do I upload selectable sizes (like Small, Medium, Huge) to my merchandise?<\/strong><\/p>\nThere are two alternative ways so as to add purposeful sizes on your WooCommerce retailer, relying on what you wish to have the buyer to do:<\/p>\n
\nTo choose a measurement for acquire:<\/strong> If you wish to upload a dropdown menu in your product web page so a buyer can select \u2018Medium\u2019 ahead of clicking Upload to Cart, you want to make use of integrated WooCommerce product attributes and diversifications.<\/li>\nTo browse the shop via measurement:<\/strong> If you wish to have an Amazon-style sidebar the place consumers can take a look at a \u2018Medium\u2019 field to just see medium-sized pieces throughout your entire catalog, you want to make use of a product filter out plugin like WPFilters.<\/li>\n<\/ul>\nTo arrange purposeful sizes, take a look at our whole guides on the right way to upload product attributes and the right way to arrange product filters.<\/p>\n
Further Assets for On-line Retail outlets<\/h4>\n I’m hoping those strategies mean you can create a unbroken buying groceries revel in to your consumers. <\/p>\n
Should you\u2019re waiting to take your next step in rising your business, I like to recommend exploring a few of my different articles beneath.<\/p>\n
Should you appreciated this newsletter, 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")
![\"Benefits](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/product-size-chart-benefits.jpg\" "\\"Benefits")
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-size-chart-title.png\" "\\"Adding")
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-add-media-image-size-chart.png\" "\\"Adding")
![\"Creating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-chart-table.png\" "\\"Creating")
![\"Applying](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-apply-size-charts-to-products-automatically.png\" "\\"Applying")
![\"Publishing](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/wpclever-publish-size-chart.png\" "\\"Publishing")
![\"The](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-size-chart-templates.png\" "\\"Product")
![\"Creating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-chart-table-2.png\" "\\"Creating")
![\"Selecting](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-size-chart-position.png\" "\\"Selecting")
![\"Customizing](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-popup-settings.png\" "\\"Customizing")
![\"Assigning](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-assign-to-products.png\" "\\"Assigning")
![\"Updating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/dotstore-update-publish.png\" "\\"Updating")
![\"Verifying](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2024\/01\/seedprod-verify-min.png\" "\\"Verifying")
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-website-builder-add-new-template.png\" "\\"Adding")
![\"Creating](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-new-single-product-theme-template-1.png\" "\\"Creating")
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-conditions-all-products.png\" "\\"Adding")
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-conditions-product-category.png\" "\\"Adding")
![\"Building](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-product-page-builder.png\" "\\"Building")
![\"Adding](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-size-chart-image.png\" "\\"Adding")
![\"Publishing](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-publish-product-page.png\" "\\"Publishing")
![\"Enabling](\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/seedprod-enable-seedprod-theme.png\" "\\"Enabling")