How To Insert a Size Chart into Your Shopify Product Page?

Drive 20-40% of your revenue with Avada

Get Started

Have you ever had customers return products because they didn’t fit? A survey by Digital Commerce 360 found that 55% of shoppers return items due to size issues. 

As an online seller, you can help your customers choose the right size by adding a size chart to your Shopify product page. This simple addition reduces the chances of returns and enhances the shopping experience. In this guide, we’ll show you how to add a size chart to your Shopify store, ensuring your customers are satisfied and your sales continue to grow.

Size Chart in Shopify: An Overview

A size chart in Shopify is a helpful tool that provides customers with specific measurements for products, such as clothing or shoes, to choose the right size. 

By including detailed information like chest, waist, and length measurements, size charts help shoppers make more informed decisions. This reduces the likelihood of returns due to incorrect sizing and improves the shopping experience. 

5 Benefits When Adding a Size Chart to Shopify Product Pages

Adding a size chart to your Shopify product pages is a must for any online store looking to enhance the shopping experience and boost sales. Here are five key benefits that show why an effective size chart can make a big difference:

• Reduces Return Rates: By providing accurate sizing information, customers are less likely to order the wrong size, which helps decrease the number of returns and exchanges.

• Enhances Customer Confidence: Clear size charts make customers feel more confident in their purchase decisions, knowing they are selecting the correct size, leading to increased satisfaction.

• Improves Shopping Experience: A size chart makes the shopping process easier and more convenient, allowing customers to find the right fit without needing to leave the product page for more information.

• Boosts Conversion Rates: When customers are sure about the fit of a product, they are more likely to complete their purchase, which can lead to higher conversion rates.

• Builds Brand Trust: Providing comprehensive size information demonstrates that the brand cares about customer satisfaction, helping to build trust and loyalty over time.     

How to Add the Size Chart to the Shopify Product Pages

Adding a size chart to your Shopify product pages is a straightforward process that can significantly enhance your customers’ shopping experience. 

Here’s a step-by-step guide on four different methods you can use to add a size chart to your Shopify store: 

Method 1: Using Shopify Admin

• Step 1: Go to your Shopify admin and click Online Store > Pages.

• Step 2: In the Page section, click Add page to create a size chart for your product. 

• If you want a size chart to appear across your site, simply enter “Size Chart” as the page title. Then, ensure the URL in the Search engine listing preview ends with /size-chart.

• To create a size chart for products from a specific vendor, enter the vendor’s name followed by “Size Chart” as the page title. For instance, if the vendor is “Great Owls,” the title should be “Great Owls Size Chart.” Make sure the URL ends with /great-owls-size-chart.

• If you need a size chart for a specific product type, enter the product type followed by “Size Chart” as the page title. For example, use “Shoes Size Chart” for a shoe-specific chart. Ensure the URL in the Search engine listing preview ends with /shoes-size-chart.

• Step 3: In the Content box, create a table or use an image with your size chart information.

Now, you can easily customize the table to fit your brand’s look and feel.

• Step 4: In the Visibility section, click Visible and next hit Save once all the data is configured.

Method 2: Using Shopify App

• Step 1: Go to the Shopify app store, search for Avada Size Chart & Size Guide, and click Add App to install it.

• Step 2: Open the Avada app from the Apps tab and click to enable Avada Size Chart.

• Step 3: Start your campaign with an empty-size chart or product description.

Enter the name of your size chart.

• Step 4:  Tailor the appearance of your size chart by arranging information in clear rows and columns. Incorporate relevant text labels to describe measurements (e.g., chest, waist, hips) and use images or diagrams to illustrate how to measure correctly.

• Step 5: Toggle the Publish button, choose the products or product types the chart applies to, and then click Save

Method 3: Adding a Size Chart to the Product Description

Step 1: Create Metafields</h4>

• Go to Products and select the product to which you want to add a size chart.

• Move to the product page to locate the Metafields section > Click on Select page  and then choose the size chart you want to set up above.

Step 2: Use a collapsible row

• Scroll down to the product page, click Product information, **and click Add block Select Collapsible row from the available options and then reposition this block by dragging it directly beneath the Buy buttons**. 

• In the Rowcontent from page section > Choose the metafield you set up above.

Step 3: Add a pop-up</h4>

• Go to Product information > Click to Add block > Choose Pop-up

• Modify the heading and click Select** **page to choose the size chart you add earlier.

Method 4: Coding a Custom Solution

Step 1: Access Your Theme Code

• From your Shopify Admin, go to Online Store > Themes.  

• Or select your theme and click Actions > Edit code.

Step 2: Edit the Product Template

• Open the product -template.liquid file in the Sections directory.

• Paste the following code above the Add to cart button:

Step 3: Add the Size Chart Code

• At the bottom of the product-template.liquid file, add the code to create the size chart popup:

<div id="size-chart" class="mfp-hide"></div><style>#size-chart {  border: 2px #555 solid;  background-color: #ffffff;  padding: 20px;  max-width: 800px;  margin-left: auto;  margin-right: auto;}</style>

Step 4: Save and test

• Save your changes and test the size chart on your product page to ensure everything works smoothly.

3 Successful Case Studies of Adding Size Charts On the Shopify Product Pages

Let’s take a closer look at how three successful brands leverage size charts on their Shopify product pages to improve the shopping experience and drive conversions.

1. Fashion Nova: Size chart for every fashion product

Fashion Nova is one of the fastest-growing online fashion retailers. It excels in providing a detailed and easy-to-use size chart for its products. 

For example, they showcase a comprehensive size chart specifically for their popular “Posh High Waisted Dress Pants.” This chart clearly shows measurements for the bust, waist, and hips, simplifying the process of finding the perfect fit.

Key Takeaways:

• Clear measurements for bust, waist, and hips.

• Easily accessible on the product page.

• Simple layout for quick decision-making.

2. Asphalte: Detailed size chart

Asphalte sets a high standard with its clear and organized size chart. For instance, their “The Ultimate T-Shirt” features a detailed chart including chest width, front length, and sleeve length.

This easy-to-read chart clearly compares sizes, helping customers to select the best fit. Asphalte goes the extra mile by providing helpful self-measurement tips, further ensuring a positive shopping experience. 

Key Takeaways:

• Detailed measurements

• Easy-to-follow measuring tips

• Product-specific size chart

3. Moon Magic

Moon Magic is a jewelry store specializing in gemstones and crystals. It provides an exceptionally detailed size chart for rings. The size chart includes all necessary measurements, such as circumference and diameter, displayed in millimeters. This allows customers to compare the Moon Magic size with other standard sizes like USA, Canada, Europe, and UK & Australia.

Key Takeaways:

• Step-by-step measuring guide

• Clear and user-friendly instructions and tools

• Detailed measurements and global size conversions

Wrapping Up

Adding a size chart to your Shopify theme is a vital step toward improving customer satisfaction and boosting sales. Whether you choose to use Shopify’s built-in features, a dedicated app, or custom code, providing clear and accurate size information helps customers make informed decisions.

Related posts:

• How to insert the size chart to your theme in Shopify
• How to generate a size chart snippet in Shopify
• How to use a different language or change the Size chart text in Shopify

FAQs

How to add a dynamic size chart in Shopify?

For a dynamic size chart in Shopify, consider using the Avada Size Chart app or a similar tool. These apps let you create size charts that automatically appearing on the right product pages based on product type, vendor, or collection. You can customize the chart to look good with your store’s design, and it’ll update itself as you add new products or collections.

How do I add size to a Shopify page?

You can add a size chart to a Shopify page by creating a new page in your Shopify Admin. 

• Step 1: Go to Online Store > Pages, click Add page, and enter a title like Size Chart. 

• Step 2: Add the size details in the content box, format as desired, and save the page. 

• Step 3: Link this page to your product descriptions or add it to your store’s menu for convenient customer access.

How to add size chart in Shopify Dawn?

For the Shopify Dawn theme, you can add a size chart by customizing your product template. 

• Step 1: Go to Online Store > Themes > Customize, then select the Product pages section. 

• Step 2: Add a block like Text or Image with text to include your size chart directly on the product page. If you need more advanced options, consider using metafields to connect a size chart image to a specific product.