Want to help customers pick the right size and cut down on returns? The Size Chart module in Merchant Pro lets you add a size chart to your WooCommerce product pages.
In this guide, we’ll walk you through how to create size charts and assign them to your products with the Size Chart module in Merchant Pro.
Before you get started, make sure you’ve installed and activated the Merchant plugin on your WordPress site. If you’re using premium modules, ensure you have Merchant Pro installed and active. This feature requires Merchant Pro.
Size charts help customers choose the right size for products such as clothes, shoes, jewelry, and bags. Adding a size chart to your store builds trust, makes your brand more appealing, and reduces your return rate. With the Size Chart module, you can:
- Create one size chart and show it for all products in your store.
- Create more than one size chart and assign different charts to your products or product categories.
In the screenshot below, you can see what a size chart added by Merchant Pro looks like on the frontend of a WooCommerce store:
When a customer clicks the Size Chart link, a popup appears on the screen. In the screenshot below, you can see an example of a size chart popup:
Priority order of size charts
With Merchant Pro, you can assign size charts to your products at four different levels. First, create the size charts (see Create a size chart below), then assign them to your products.
To keep the module flexible, Merchant Pro lets you assign size charts to individual products, product categories, or globally. You can assign the global size chart to either all products or just specified categories.
If more than one size chart assignment applies to a product, here’s the priority order. The size chart you set on the individual product page has the highest priority, and the global size chart has the lowest:
| Priority | Type of assignment | Where to assign | See below |
|---|---|---|---|
| 1 (highest) | Individual product | Products » All Products » Edit » Merchant Product Options » Size Chart | Individual products |
| 2 | Product category | Products » Categories » Edit » Size Chart | Product categories |
| 3 | Global category | Merchant » Size Chart » Settings » Categories | Settings * |
| 4 (lowest) | Global | Merchant » Size Chart » Settings » Global size chart | Settings ** |
Create a size chart
First, create a size chart. Open the Size Chart editor by going to Products » Size Chart » Add New Post in your WordPress admin area:
In the Size Chart editor, find the Merchant Options section, then add and edit the rows and columns of the size chart table.
You can add more than one size chart table by clicking the Add Size Chart button. For example, create a separate table for men, women, and children, which appear in three tabs in the size chart:
Open the Size Chart module
Open your Merchant dashboard by clicking the Merchant menu in the left sidebar of your WordPress admin area.
Find the Improve Experience section, then click the Size Chart module to open its settings page:
Configure the size chart settings
On the module’s admin page, find the Settings section and configure the following settings:
- Global size chart (optional) – Define the global size chart here (**). If you don’t want to create a global size chart, leave it as Default. The dropdown displays all the size charts from the Products » Size Chart menu.
- Categories – Assign the global size chart to product categories here (*). The dropdown displays all the product categories from the Products » Categories menu, and you can select more than one. If you leave it empty, the global size chart shows for all products, except the ones you configure on the individual product (Individual products) and individual product category (Product categories) pages.
- Label text – The clickable label of the size chart that Merchant Pro shows next to the size chart icon.
- Icon – Choose from six size chart icons.
- Icon size – Change the size of the size chart icon.
- Title text color – The color of the size chart label.
- Title text color hover – The color of the size chart label when the user moves the cursor over it.
- Icon color – The color of the size chart icon.
- Icon color hover – The color of the size chart icon when the user moves the cursor over it.
Once the settings are configured, click the Save button in the top-right corner of the page.
Customize the popup design
Merchant Pro also lets you customize the design of the size chart popup. Find the Popup Design section under the Settings section on the module’s admin page.
Using these options, change the popup’s width and the colors of each element, including the close icon, headings, tabs, table elements, and more:
Once the settings are configured, click the Save button in the top-right corner of the page again.
Enable the module
To activate the module, click the Enable button at the top of the module’s page:
Add a size chart to individual products
You can assign a size chart to each of your individual products from the WooCommerce product pages.
Open a product’s admin interface by clicking the Edit link in the Products » All Products menu. Scroll down to the Merchant Product Options section, open the Size Chart tab, select a size chart, then scroll back to the top of the page and click the Update button:
Add a size chart to product categories
You can also assign a size chart other than the global one to your individual product categories.
Go to Products » Categories, click the Edit link under the product category you want to assign the size chart to, scroll down to the Size Chart option, select the size chart you want to add, then click the Update button at the bottom of the page:
Frequently asked questions
Below, we’ve answered some of the most common questions about the Size Chart module in Merchant Pro.
Which size chart shows if more than one applies to a product?
The chart set on the individual product page wins, followed by the product category chart, then the global category chart, and finally the global chart. In other words, the more specific assignment always takes priority.
Can I have separate charts for men, women, and children?
Yes. Click Add Size Chart in the editor to add more than one table. Each table appears as its own tab inside the size chart popup.
Do I have to set a size chart for every product?
No. Set a global size chart in the module settings, and it shows on all products automatically. Assign charts to individual products or categories only where you need something different.
That’s it! You’ve successfully created and assigned size charts with the Size Chart module in Merchant Pro to help customers pick the right size.
Next, would you like to make product options clearer, too? Check out our guide on Variation Swatches to learn more.
