Many WooCommerce store owners, especially beginners who sell clothing items or similar products, don’t know how to add size chart in WooCommerce. As a result, they struggle with sales. Even if they make sales, the product return rates in their stores remain high.
Thus, no wonder how crucial adding a product size chart is for this kind of business. If you run an online store and sell items that have diverse sizing, consider adding a product size chart. Need assistance regarding how you can include a product size chart easily? Keep reading.
Why Should You Add Size Charts in WooCommerce?
Did you know that in 2023, the ecommerce return rate was 17.6%? That means more than 17 out of 100 products were returned. The average ecommerce return rate is around 20-30%. Mostly, customers return their products due to sizing issues.
Therefore, you must include a product size chart if you have an online store where you sell clothing items. By providing a product size chart on your WooCommerce store, you help customers make wise decisions on the purchase.
Besides, you’ll enjoy the following benefits by adding product size charts to your WordPress shop.
Reduced return rates: When you clearly display product sizes using a chart, it helps people easily find the right fit for them. Thus, prospects purchase specific products without any hesitation, reducing return and order cancellation rates.
Increased sales: You get to see an increase in sales when you add a product chart to your WooCommerce store. Why? It’s because customers know the product sizes before ordering the product. So, they develop a positive impression of your store and buy products from you when they want to.
Improved customer loyalty: First-time buyers immediately trust you when they get what they want from your store. Therefore, they become loyal and purchase recurrently from you.
Reduced customer dissatisfaction: Customers remain happy when they are sure about their product sizes. They feel valued and become loyal to your store.
How to Add Size Chart in WooCommerce
You can easily add a product size chart to your WooCommerce store if you follow the correct and easy steps outlined below.
Step 1 – Select the Best Plugin to Include a Product Size Chart
The first step is crucial since if you make any mistakes at this stage, you won’t be able to reach your end goal. So, what’s the first step? The first step is to select the best plugin to add a product size chart to your WordPress store easily.
However, how do you find such a plugin? Follow the criteria below to find the best plugin for adding product size charts.
- Select a plugin that allows easy size chart building
- Your chosen plugin must let you correctly display size charts across diverse devices
- Choose a plugin that lets you assign charts based on product or category
- Look for a plugin that offers custom fine-tuning features like margin and padding
- Go with a plugin that gets regular updates
- Choose a plugin that is compatible with your theme and other plugins
- Check the plugin developer’s reputation, plugin reviews, and customer support
- Evaluate the pricing structure of the plugin and compare that with other contenders
After considering these factors, select the best plugin to add product size charts hassle-free. Need recommendations? Go with ShopBuilder, which is a top-grade WooCommerce store builder.
It’s got several modules that are similar to standalone plugins. Plus, it has several widgets and templates that allow you to build a high-converting store in minutes easily!
Step 2 – Install and Activate ShopBuilder WooCommerce Store Builder
We’ll now install the best plugin for adding product size charts – ShopBuilder. Then, we’ll use its Size Chart module to include a product size chart in our store.
Before proceeding further, you should know that ShopBuilder has both a free and pro version, and it offers many modules and widgets for free. However, some exclusive modules come under the pro version, and the Size Chart module is one such module.
So, you need to purchase this plugin and then begin installing it. Here’s how to install and activate it.
Note: Your WordPress store must have Elementor and WooCommerce plugins pre-installed if you want to run ShopBuilder smoothly.
- Go to WordPress Admin Panel, head to the ‘Plugins’ menu, and select “Add New Plugin.”

- Now, click “Upload Plugin” button.

- Press “Choose File” button to upload the plugin’s zipped file you received after purchasing it.

- Once you upload the zipped file of ShopBuilder Pro, press “Install Now” button.

- Finally, hit “Activate Plugin” button.

There, you’ve just installed and activated the ShopBuilder Pro plugin. After installing and activating it, you’ll notice a notification at the top asking you to install and activate the free version of ShopBuilder. Hence, click “Install ShopBuilder” button.

Lastly, click “Activate Shopbuilder” button to activate this plugin. You’re now all set to add a product size chart using ShopBuilder. Let’s add it.
Step 3 – Configure Size Chart with ShopBuilder
To add a product size chart with ShopBuilder, you first need to create a product size chart and save it as an image (We need to upload that image later). Then, go to WP Admin Dashboard > ShopBuilder > Settings.

Now, make sure you’re on ‘Modules’ tab (If not, click that tab) and press “Product Size Chart” module.

You’ll see a pop-up now. Toggle on “Enable Product Size Chart?” switch under ‘General’ tab.

You’ll then notice a couple of settings: Product Size Chart Position, Size Chart Action, and Size Chart Button Text. Explore these settings and read this Product Size Chart documentation if needed.
Okay, now, let’s demonstrate. Once you enable this module, head to “Product Size Chart Position” drop-down menu, click on it, and select where you want to see the size chart on the product page.

Similarly, navigate to “Size Chart Action” drop-down menu and select an option regarding the size chart button behavior after click.

Then, write your desired size chart button name using “Size Chart Button Text” field.

Now, we need to add the image of the product size chart. To do so, we’ll press ‘Chart’ tab and then click “Add New” button at the bottom left of the pop-up.

Right now, you’ll see a chart with several settings. Use ‘Title’ field to rename the chart. It’s optional, though.
Afterward, head to “Apply for” drop-down menu and select ‘Product’ if you want to show a size chart for a particular product/products. In contrast, select “Product Categories” menu to show a size chart based on the product categories.

If you select ‘Product’ in the “Apply for” drop-down menu, you need to select products in “Applicable Products” drop-down menu. And if you choose “Product Categories,” select categories in “Applicable Categories” drop-down menu.

After that, head down to the “Size Chart Image” area, and click ‘Upload’ button to upload an image of a size chart.

Finally, hit “Save Changes” button.

Now, visit a product page that has a product category you selected in the size chart module and view the size chart.

That’s how easily you can add a size chart in WooCommerce store with this excellent store builder plugin, ShopBuilder.
Bonus: Follow These Best Practices for Displaying Size Charts
As we know, we must display product size charts if we sell items that demand size charts. But that doesn’t mean we can just add a generic size chart to our online store.
Instead, we need to present product size charts properly to connect to more customers and influence their buying decisions.
That being said, we’ll now discuss some quick tips regarding how to exhibit product size charts in WooCommerce stores correctly.
Include a prominent and clear size chart: Always add a clear, simple, and easily understandable product size chart.
Enhance clarity with visuals: Use tables, diagrams, or other visual aids to display sizes and help customers to comprehend the size chart easily.
Provide size charts for diverse product categories: Include size charts for different categories (e.g., clothing, footwear, etc.) to help customers select the right size.
Use proper heading for the size chart: Add a clear and eye-catching heading for your size chart to ensure it stands out.
Optimize for mobile: Make sure size charts are fully functional and easy to view on mobile devices or smaller screens.
Include international sizing: Include UK, US, and EU sizes alongside local sizes for global buyers.
Summing It Up
As you can see, it’s not difficult at all when it comes to adding a product size chart to your WooCommerce store. You just need the right plugin and follow some easy steps. That’s it. We think you’ve found the answer to your query, “How to add size chart in WooCommerce.”
We kept everything in this article simple and showed the easiest method to add a product size chart. By following our guidelines, you can easily accomplish this job. So, add product size charts, enhance customer shopping experience, and increase sales.


