How to Add Size Chart in Magento 2?

How to Add Size Chart in Magento 2?

One of the key challenges in fashion ecommerce is sizing issues. Uncertainty about whether or not the product will fit discourages customers from shopping online. It makes them drive to an offline store instead where they can try an item on before purchasing it. And if you manage to solve this issue in your online store, you are up for increased conversions, reduced returns, and a great customer experience.

If you sell products that require sizing such as apparel items, shoes, tiles, sleeping bags, etc., an online sizing chart is essential. It allows customers to choose the size they think is fit for them. It removes their confusion regarding sizing and makes their purchase decisions easier. By providing a comprehensive size guide, you keep a good amount of sales that you might otherwise lose.

Size Chart in Magento 2

If you own a Magento store, chances are that you have several hundreds of products in your store. Every product may have different sizing requirements. Sizing guides also vary from one brand to another. It seems almost impossible to create a size chart for every product manually. Here comes our Magento 2 Size Chart Extension into play. It’s a highly useful tool that allows store admins to create user friendly sizing guides for different products with ease.

Let’s look at some of the features of the extension and see how this might help you solve the sizing dilemma for your Magento 2 ecommerce store.

1. Create as Many Customizable Size Charts as You Need

The extension lets you create as many size charts as you need according to the sizing requirements of a particular brand or manufacturer. Not to mention the ease with which you can do this. Create as many rows and columns as you need to provide a detailed sizing guide. You can give each size chart a name, set its priority and also upload an image for size diagram.

2. Assign Size Chart to Products via Flexible Conditions

To link Size Charts to specific products or categories, you can set a combination of Magento rules. Just set the conditions using different product attributes and you are all set to display size charts for all the products that meet the conditions. Note that this module is compatible with all product types.

3. Display Size Chart in Popup or Tab

Store admins can select between two display layouts for size charts. In classic layout, the information will be shown in tabs (just like reviews or FAQ). Customers can quickly jump between tabs to get the necessary information. Alternatively, they can choose to display it in a popup. You can set the anchor text and icon for users to click to display the chart in popup.

4. Format Size Chart Content

Use the style configurations to format the size chart header and body. You can select a font size, font color, and background color that complement your website theme.

How to Add Size Chart in Magento 2 Using the Extension?

It’s pretty simple to add multiple size guides and attach them to products. With Magento 2 Size Chart extension by FME, you can display size chart in a responsive popup or in a separate tab right on the product page.

magento 2 add size chart

Just follow the steps below and you will be done in no time.

  • After installing the extension, navigate to FME Extensions and click Manage Size Charts.
  • To add a size chart, click Add New Size Chart.
  • Now populate the following fields.

Size Chart Name: Give the chart a suitable name

Priority: Set its priority with 1 being the highest

Status: Enable/Disable the chart

Image: Upload an icon to be displayed (optional)

Store Views: Restrict the size chart by store views and customer groups

magento 2 upload size chart image

Size Chart Column Label: Give column labels i.e. L, M, S, XS

Click ‘Add Data’ to add rows and values or click Choose file to upload a ready-made size table.

magento 2 add size chart column labels

To attach the size chart to products, click Conditions on the left panel.

Here you can set rules and apply conditions to select products and the size guide will be linked accordingly.

magento 2 add size chart conditions

When you are done, click Save.


By displaying accurate and detailed information regarding the sizing of every product, you greatly reduce customer’s anxiety and make their buying decision faster. Our Magento 2 size chart extension helps you achieve this effectively.

If you have any questions regarding this article, don’t hesitate to contact us.

Articles You Might Be Interested in: