Have you ever ever questioned what number of gross sales you lose as a result of consumers aren’t certain if an merchandise will in fact are compatible them?
When purchasing garments or sneakers on-line, a buyer’s greatest concern is getting the fitting measurement. This uncertainty ceaselessly results in them last the tab and searching for a shop that gives clearer data, leading to deserted carts and misplaced gross sales for you.
I know how irritating it’s to lose attainable consumers simply on account of sizing doubts. That’s why I’ve helped many retailer homeowners arrange transparent measurement guides on their product pages, which gets rid of this doubt and offers consumers the arrogance to click on ‘Upload to Cart’.
On this information, I’ll display you methods to simply upload a measurement chart for your WooCommerce retailer the use of 3 confirmed strategies. Through the tip, you’ll have a machine in position that reduces returns, boosts gross sales, and assists in keeping your consumers satisfied.

TL;DR: There are a couple of tactics so as to add a measurement chart to WooCommerce. In case you are on a good finances, you’ll be able to use the unfastened WPC Product Dimension Chart plugin. If you wish to save time through uploading pre-made sizing templates, I like to recommend Complicated Product Dimension Charts Professional. You’ll be able to additionally use SeedProd to custom-design your product web page layouts.
Contents
- 1 Why Upload a Dimension Chart to Your WooCommerce Retailer?
- 2 Which Means is Proper for You?
- 3 Means 1: Upload a Dimension Chart The usage of a Loose Plugin
- 4 Means 2: Upload a Dimension Chart The usage of a Top class Plugin
- 5 Means 3: Upload a Dimension Chart The usage of a Web page Builder
- 6 Bonus Tactics to Optimize Your WooCommerce Retailer
- 7 FAQs About WooCommerce Dimension Charts
- 8 Further Sources for On-line Retail outlets
Why Upload a Dimension Chart to Your WooCommerce Retailer?
The most important explanation why for prime go back charges in on-line retail outlets is ceaselessly improper sizing. When a buyer receives an merchandise that doesn’t are compatible, it results in a irritating revel in for them and further delivery prices for you.
Through including a transparent measurement information, you’re making certain your consumers have all of the data they want sooner than they purchase. This builds agree with and is helping folks really feel extra assured about clicking the ‘Upload to Cart’ button.
Past decreasing returns, a qualified measurement chart gives a number of technical advantages to your retailer:
- Upper Conversion Charges: Customers are a lot more more likely to entire a purchase order once they aren’t nervous concerning the are compatible.
- Fewer Reinforce Tickets: You gained’t must spend as a lot time answering emails from consumers requesting explicit measurements.
- Higher Cellular Revel in: The usage of a popup chart manner cell customers can briefly take a look at sizes with out leaving the product web page.
- Progressed search engine marketing: Detailed product data like measurements can lend a hand your retailer display up for extra explicit seek queries.

Taking a couple of mins so as to add a measurement chart is without doubt one of the very best tactics to construct agree with together with your consumers and offer protection to your final analysis.
With that during thoughts, let’s have a look at the most efficient tactics to set this up in your web site with out writing any code.
Which Means is Proper for You?
There are a couple of alternative ways so as to add sizing guides for your retailer, relying in your finances and what sort of design regulate you need. You’ll be able to use the short hyperlinks underneath to leap to the process that most closely fits your wishes:
- Means 1: Use a Loose Plugin (Absolute best for Tight Budgets) – I can use the unfastened WPC Product Dimension Chart plugin. That is the most suitable choice if you want a easy, useful measurement desk and wish to use the usual WordPress editor to construct it.
- Means 2: Use a Top class Plugin (Absolute best for Rising Retail outlets) – I can use Complicated Product Dimension Charts Professional. That is your best choice if you need get right of entry to to pre-made templates and complicated laws for assigning charts to masses of goods without delay.
- Means 3: Use a Web page Builder (Absolute best for Customized Designs) – I can use SeedProd. That is without equal possibility if you need entire drag-and-drop regulate over how all your WooCommerce product web page seems to be.
Prior to you start any of those strategies, make sure to have an lively WooCommerce retailer with no less than a couple of merchandise already added.
When you haven’t set this up but, you’ll be able to apply my step by step information on WooCommerce Made Easy.
Means 1: Upload a Dimension Chart The usage of a Loose Plugin
In case you are searching for a competent, unfastened approach so as to add sizing tables, I like to recommend the WPC Product Dimension Chart for WooCommerce plugin. It’s extremely light-weight and really beginner-friendly.
First, you want to put in and turn on the plugin. If you want lend a hand, see our information on methods to set up a WordPress plugin.
As soon as activated, move to Dimension Charts » Upload New on your WordPress admin dashboard to create your first information.
First, give your measurement chart a descriptive identify (like ‘Girls’s Shoe Sizing’).

Subsequent, scroll right down to the ‘Configuration’ field.
In case your producer gave you a sizing information as a JPEG or PNG symbol, you’ll be able to click on the ‘Upload Media’ button throughout the ‘Above Textual content’ or ‘Underneath Textual content’ spaces to add your image at once to the chart.

Alternatively, take into account that development a text-based desk the use of the plugin’s grid is normally higher for cell consumers, as it’ll robotically resize to suit smaller displays with out making them pinch and zoom.
If you would like sort out your measurements, search for the ‘Chart Desk’ segment proper within the heart.
Right here, you’ll be able to upload rows and columns to construct your structure, after which click on throughout the fields to sort on your sizing information.

After all, you want to inform the plugin the place to show this chart. Search for the ‘Follow’ dropdown on the best of the Configuration field.
I extremely counsel assigning your chart to explicit product classes right here so it presentations up robotically, which is able to prevent a ton of time.

If you choose ‘None’ from this dropdown, you’ll have to manually edit every person WooCommerce product and assign the chart the use of the brand new ‘Dimension Charts’ tab positioned within the Product Knowledge field.
When you’re completed, click on the ‘Put up’ button on the best of the display screen.

The plugin will robotically upload a ‘Dimension Chart’ button for your designated merchandise. When consumers click on this button, your size information will open in a blank, informative popup.
Means 2: Upload a Dimension Chart The usage of a Top class Plugin
Whilst development tables manually works effectively for a couple of pieces, higher retail outlets ceaselessly want a sooner workflow.
For complicated options like pre-made templates, and blank popup shows, I like to recommend the use of the top class Complicated Product Dimension Charts Professional plugin.
First, you want to buy, set up, and turn on the Professional plugin. If you want lend a hand, see our information on methods to set up a WordPress plugin.
As soon as the Professional model is lively, navigate to Dimension Chart » All Dimension Charts on your WordPress admin dashboard.

You’ll see a listing of more or less 10 pre-made charts (like ‘Males’s T-Blouse’ and ‘Girls’s Footwear’). Those are your ready-made templates.
As an alternative of ranging from scratch, to find the template that carefully suits your product sort.
Hover over the identify and click on the ‘Edit’ hyperlink. This opens the chart editor with all of the size information already populated.
Scroll right down to the ‘Chart Desk’ segment, the place you’re going to see the size grid.

- To Edit: Double-click any mobile to modify the numbers or textual content to compare your stock.
- To Make bigger: Use the (+) buttons on the finish of rows or columns so as to add new sizes (like XXL) or new size varieties (like ‘Sleeve Duration’).
- To Blank Up: Click on the ‘Trash’ icon on any unused rows to verify they don’t display up as awkward clean areas in your reside web site.
Professional Tip: When customizing your chart, be sure you delete any empty rows the use of the trash icon. Leaving clean rows within the editor ceaselessly leads to awkward clean areas in your reside product web page, complicated consumers.
Subsequent, scroll right down to the ‘Dimension Chart Settings’ segment close to the highest of the web page.
For the Dimension Chart Place, make a choice ‘Modal Popup’. That is the preferred skilled selection.

You’ll be able to now use the ‘Dimension Chart Hyperlink Name’ box to modify the real button textual content (comparable to ‘View Are compatible Information’).
You’ll be able to additionally use the ‘Popup Icon’ dropdown so as to add a visible cue subsequent for your hyperlink, and regulate the ‘Chart Desk Font Dimension’ to verify the textual content is simple to learn on all gadgets.

After all, you want to inform WooCommerce which merchandise will have to show this explicit chart.
Have a look at the fitting aspect of your display screen, the place you’re going to see devoted meta bins for Assign Class, Assign Tag, Assign Attributes, and Assign Product.

To avoid wasting time, merely take a look at the related bins within the ‘Assign Class’ meta field (like ‘Shirts’ or ‘Footwear’). This robotically applies the chart to each merchandise in that class.
You probably have a singular merchandise that matches otherwise than the remainder of your stock, you’ll be able to use the ‘Assign Product’ field to use the chart to only that one explicit merchandise.
When you’re proud of how the entirety is about up, click on the ‘Replace’ or ‘Put up’ button at the proper aspect of the display screen. Your measurement chart is now reside.

I extremely counsel opening considered one of your product pages in a brand new tab to make sure that the button seems in the fitting spot and the popup seems to be proper on each desktop and cell.
Means 3: Upload a Dimension Chart The usage of a Web page Builder
If you need entire regulate over precisely the place your measurement information seems and the way all your product web page seems to be, I extremely counsel the use of the SeedProd Website online Builder.
The usage of SeedProd will exchange your present WordPress theme, so this technique is easiest if you wish to redesign all your on-line retailer from the bottom up.
This permits you to position your measurement chart precisely the place it’ll convert easiest, like proper below the fee or inside of a tradition product tab.
The usage of SeedProd will provide you with the liberty to construct a actually distinctive buying groceries revel in.
If you need a extra detailed walkthrough on putting in place your tradition retailer design, take a look at my information on methods to customise WooCommerce product pages (no code approach).
Observe: You’ll want a SeedProd Elite license to get right of entry to the precise WooCommerce blocks and Website online Builder options required for this technique.
First, you want to put in and turn on the SeedProd plugin.
If you want lend a hand, see our information on methods to set up a WordPress plugin. And because you bought an Elite license, don’t fail to remember to turn on your license key at the SeedProd » Settings web page.

Subsequent, move to SeedProd » Website online Builder on your WordPress admin dashboard.
Observe: You’ll be able to forget about the ‘AI Theme Builder‘ menu for this instructional, as we wish the guide controls discovered right here.
To create your measurement chart structure, click on the ‘Upload New Template’ button below the ‘Fast Movements’ segment.

Within the popup that looks, give your template a descriptive title (like ‘Unmarried Product Customized’).
Then, from the ‘Kind’ dropdown, make a selection ‘Unmarried Product’.

Subsequent, you want to set your ‘Prerequisites’.
Through default, SeedProd robotically units this to ‘Come with’ and ‘Product Submit Kind’. This implies your new structure will display up on each unmarried product on your retailer.
If that’s what you need, merely click on the ‘Save’ button.

Alternatively, should you simplest need this explicit measurement chart to look on sure pieces, you’ll be able to simply trade this.
You want to click on the dropdown menu, scroll right down to the ‘WooCommerce’ segment, and make a selection ‘Product Class’.
It is very important in moderation sort the precise title or slug of your class (like ‘shirts’ or ‘sneakers’) into the textual content field, after which click on ‘Create Template’.

SeedProd will now open its visible drag-and-drop editor. At the left aspect of your display screen, you’re going to see a piece to your WooCommerce blocks.
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.

So as to add your sizing information, you’ve gotten 3 skilled choices to choose between:
- The Symbol Block: Drag an ‘Symbol’ block at once below the fee and add your measurement information graphic.
- The Product Knowledge Tabs Block: Drag this block into your structure. Within the settings, upload a brand new tab, rename it ‘Dimension Information’, and sort or paste your size desk into the content material house.
- The Accordion Block: Drag an ‘Accordion’ block and label it ‘Take a look at Your Dimension’. This assists in keeping the web page blank and simplest presentations the measurements when the client clicks to enlarge it.

When you’re satisfied together with your tradition product web page design, click on the ‘Save’ button within the best proper nook of the editor.
Subsequent, click on the dropdown arrow subsequent to the save button and make a selection ‘Put up’.

After all, go out again to the SeedProd » Website online Builder dashboard.
When you’re waiting, you will have to toggle the ‘Permit SeedProd Theme’ transfer to ‘ON’ on the best of the web page. When you skip this step, your tradition design is not going to display up in your reside retailer.
Necessary: As a result of this environment replaces your lively WordPress theme with SeedProd, please be sure you have additionally created your ‘Header’ and ‘Footer’ templates within the Website online Builder. When you don’t, your reside web site would possibly lose its navigation menu!
For main points, see our information on methods to create a tradition WordPress theme with SeedProd.

Your tradition product web page and measurement information are actually reside and waiting to your consumers.
Bonus Tactics to Optimize Your WooCommerce Retailer
Including a measurement chart is a smart first step, however there are alternative ways to make your retailer extra a success.
The usage of the fitting equipment let you flip extra guests into consumers:
- Monitor Your eCommerce Analytics: To look precisely which merchandise are promoting easiest, I like to recommend the use of MonsterInsights. It’s the most efficient Google Analytics plugin for WordPress and connects to WooCommerce for conversion monitoring with only some clicks.
- Construct Social Evidence: To turn real-time “scorching streak” notifications of latest purchases, I like to recommend the use of TrustPulse. This builds much more self belief along your measurement chart. You’ll be able to see methods to set it up in my information on methods to use FOMO in your WordPress web site.
- Velocity Up Your Checkout: If you wish to prevent cart abandonment, you’ll be able to use FunnelKit to create a quick, optimized slide-out cart. I stroll you in the course of the procedure in my information on methods to simply upload a sliding aspect cart in WooCommerce.
FAQs About WooCommerce Dimension Charts
I’ve helped many retailer homeowners arrange their size guides. Listed below are one of the maximum commonplace questions I am getting about including a measurement chart in WooCommerce.
1. How do I upload a measurement chart in WooCommerce totally free?
You’ll be able to upload a measurement chart totally free through the use of the WPC Product Dimension Chart plugin. It features a simple desk builder and allows you to simply use the ‘Upload Media’ button to add sizing pictures for your product pages totally free.
2. Can I display a unique WooCommerce measurement chart for every product class?
Sure, you’ll be able to assign other charts to express classes the use of each the unfastened WPC Product Dimension Chart plugin and the Complicated Product Dimension Charts Professional plugin. This permits you to have one information to your ‘T-Shirts’ class and an absolutely other one for ‘Footwear.’
3. Will a measurement chart plugin decelerate my WooCommerce web site?
No, well-coded measurement chart equipment are very light-weight. I’ve discovered that they just load the essential scripts when a person perspectives the product or clicks the popup button, so it gained’t harm your WooCommerce web page loading velocity.
4. Does WooCommerce have a integrated measurement chart function?
WooCommerce does now not have a integrated measurement chart function. Whilst you’ll be able to use WooCommerce product attributes to listing measurements, the use of a devoted software just like the plugins discussed above is far better for growing a visible desk this is simple for purchasers to learn.
5. How do I add a measurement chart symbol in WooCommerce?
If you have already got a pre-made measurement chart stored as a picture (like a JPEG or PNG) out of your producer, you don’t must construct a brand new desk from scratch. You’ll be able to use SeedProd so as to add an Symbol block at once for your product web page structure, or you’ll be able to use the ‘Upload Media’ button throughout the unfastened WPC Product Dimension Chart configuration settings.
Simply understand that static pictures can now and again be arduous to learn on cellphones. When you do add a picture, don’t fail to remember so as to add Alt Textual content so engines like google and visually impaired consumers can nonetheless perceive your sizing data.
6. What information will have to I come with in my measurement charts?
For attire, commonplace measurements come with bust, waist, hips, and inseam. For sneakers, foot duration is the most important. At all times come with each imperial (inches) and metric (cm) devices in case your target audience is global. Imagine including a ‘The best way to Measure’ information or diagrams to lend a hand consumers get correct readings.
7. How do measurement charts lend a hand cut back returns in my retailer?
Dimension charts obviously keep up a correspondence product measurements, which is helping consumers make a choice the proper measurement the primary time. This considerably reduces the possibilities of them receiving an merchandise that doesn’t are compatible, which in flip lowers your go back charges and saves you cash on delivery and processing.
8. How do I upload selectable sizes (like Small, Medium, Massive) to my merchandise?
There are two alternative ways so as to add useful sizes for your WooCommerce retailer, relying on what you need the client to do:
- To choose a measurement for acquire: If you wish to upload a dropdown menu in your product web page so a buyer can make a choice ‘Medium’ sooner than clicking Upload to Cart, you want to make use of integrated WooCommerce product attributes and diversifications.
- To browse the shop through measurement: If you need an Amazon-style sidebar the place consumers can take a look at a ‘Medium’ field to just see medium-sized pieces throughout all your catalog, you want to make use of a product clear out plugin like WPFilters.
To arrange useful sizes, take a look at our entire guides on methods to upload product attributes and methods to arrange product filters.
Further Sources for On-line Retail outlets
I am hoping those strategies mean you can create a continuing buying groceries revel in to your consumers.
When you’re waiting to take your next step in rising your corporation, I like to recommend exploring a few of my different articles underneath.
- Absolute best WooCommerce Plugins for Your Retailer – That is my skilled pick out of the highest equipment so as to add extra options and spice up your gross sales.
- The best way to Upload Product Tags, Attributes, and Classes to WooCommerce – When you don’t wish to use a plugin for each product, this information presentations you methods to use the integrated WooCommerce settings to listing sizes and colours.
- WooCommerce Made Easy: Confirmed Steps to Release Your Retailer These days – In case you are simply beginning out, this step by step information will be sure your retailer settings are configured as it should be from day one.
- The best way to Create a WooCommerce Popup to Build up Gross sales – The usage of popups for particular gives is without doubt one of the easiest tactics to prevent folks from leaving your web site.
When you favored this newsletter, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll be able to additionally to find us on Twitter and Fb.
The put up Fewer Returns, Extra Gross sales: The best way to Upload Dimension Charts in WooCommerce first seemed on WPBeginner.
WordPress Maintenance