How To Add Shopify Size Chart: Only Guide You Need!

Table of Contents

Last Updated: February 2025

Welcome to the definitive guide on how to add a size chart in Shopify—your one-stop solution for seamless implementation. Elevate your online store’s user experience with step-by-step instructions, making how to add a size chart in Shopify a breeze. Follow along as the article simplifies the process for optimal customer satisfaction.

Exploring the Size Chart Functionality on Shopify

In Shopify, a size chart is a visual reference tool that provides customers with detailed information about the dimensions and measurements of products, especially clothing and accessories. It helps shoppers choose the right size by offering specific details such as chest, waist, hips, and length measurements. 

Typically found on product pages, the size chart assists customers in making informed decisions about sizing, reducing the likelihood of returns due to incorrect fit. 

Shopify allows owners to customize and integrate size charts for their specific products, contributing to an enhanced online shopping experience.

[Back to the top]

The Importance of Adding a Size Chart to your Shopify Store

Adding a size chart to Shopify product pages is crucial for several reasons:

  • Clarity for Customers: With a size chart, customers get clear details on product dimensions, making sure they make smart choices and lowering the chance of returns due to size issues.
  • Enhanced User Experience: Including a size chart improves the overall user experience on your Shopify store, making it more user-friendly and customer-centric. 
  • Reduced Returns: By offering a size chart, you minimize the chances of customers receiving items that don’t fit, subsequently decreasing return rates. 
  • Builds Trust: Providing accurate sizing information builds trust with your customers. 
  • Professionalism and Credibility: A well-implemented size chart adds professionalism to your Shopify store, showcasing attention to detail and a commitment to customer satisfaction. 
  • Reduces Customer Inquiries: A size chart helps answer customer questions about sizing upfront, lessening the need for them to reach out to your support team.

[Back to the top]

How to add a size chart in Shopify

Step 1: Build a Page for Size Charts in Shopify Admin

In your Shopify admin account, explore the Online Store section, opt for “Pages,” and then select the option to create a new page.

how to add size chart in shopify
Image Source - gempages.net

Now, as you embark on creating a size chart for your product, you’ll need to decide between two options: inserting a table or employing an image. Each method has its own set of advantages to consider.

Insert a table

Image Source - gempages.net

Employ an image

Once you’ve configured the data, click Save to preserve your settings.

Step 2: Set Up a Metafield for your Products

It’s time to generate a metafield to incorporate the size chart into our product pages.

On the left sidebar, click Settings, then go to Custom Data. Choose Add definition, and fill in the required information in the provided box. Select the Page type, and save your changes.

Image Source - gempages.net

Step 3: Apply Metafield to Products Easily

Access the left sidebar and go to Products. Pick the product you want to associate with a size chart.

Image Source - gempages.net

Scroll down on the product page until you find the Metafields section. Click to choose a page, and then select the size chart you configured earlier.

Image Source - gempages.net

Step 4: Integrate Size Chart to Product Page Template

Commence the addition of the size chart in the Shopify Dawn theme by heading to Online Stores. Choose Themes, and then click Customize to start customizing your product page.

how to add size chart in shopify
Image Source - gempages.net

Navigate to Products in the search sidebar within the design area, then pick Default product.

Image Source - gempages.net

Moving forward, you have two choices to consider in the next step: you can either opt for a collapsible row or incorporate a popup.

Opt for a Collapsible Row

On the product page you selected, go to Product information, click on Add block, select Collapsible row, and drag it up to be positioned right beneath the Buy buttons.

how to add size chart in shopify
Image Source - gempages.net

Alter the title and navigate to Row content from the page section. Select the metafield that was set up previously.

Image Source - gempages.net

Congratulations! Your product page is now equipped with a size chart.

Image Source - gempages.net

Implement a Popup

On the product page of your choice, go to Product information, click to add a block, and pick Pop-up.

how to add size chart in shopify
Image Source - gempages.net

Modify the heading, and proceed by clicking to select a page for choosing the size chart established earlier.

Image Source - gempages.net

Great job! You’ve finished adding the popup option.

Image Source - gempages.net

Moving forward, upgrade your Shopify store effortlessly with these handy size chart apps.

Also read, 6 Best Shopify Apps For Clothing Stores in 2025 [Tried & Tested]

[Back to the top]

1. ESC ‑ Size Charts & Size Guide

how to add size chart in shopify

Rating: 4.6

Pricing: Free plan available; $4.99/month

ESC – Size Charts & Size Guide is a Shopify app designed to create and customize size charts, enhancing the online shopping experience by providing accurate sizing information for customers.

Key features

    • Responsive Design: Ensures that the size charts are displayed properly on various devices, including desktops, tablets, and mobile phones.
    • Multiple Size Guides: Allows shop owners to create and manage multiple-size guides for different products or collections.
    • Integration with Product Pages: Easily integrates size charts into product pages, making it convenient for customers to access relevant sizing information.
    • Interactive User Interface: Provides an interactive and user-friendly interface for customers to view and understand size information.

2. BF Size Charts & Size Guides

Rating: 4.8

Pricing: Free plan available; $3.99/month; 14-day free trial

BF Size Charts & Size Guides streamlines online shopping with customizable size charts, ensuring a perfect fit for customers on your e-commerce platform.

Key features

    • Easy integration: Seamlessly add and customize size chart popups and size guides for all products on your e-commerce platform.
    • Versatile customization: Develop clean and tailored size charts for different product variations, allowing customization with text and images using the app’s custom text boxes.
    • Reducing returns: Aimed at minimizing product returns by providing accurate sizing information, contributing to increased customer satisfaction and profit margins.
    • Fit Finder Functionality: Acts as a fit finder tool, assisting customers in finding the right size and enhancing the overall shopping experience.

3. Ultimate Size Chart

Rating: 4.3

Pricing: 30-day free trial; $5.99/month

Instantly improve your online store experience with Ultimate Size Chart, delivering an easily accessible size guide on product pages via a user-friendly interface. 

Key features

    • Effortless Incorporation: Instantly display a size chart on your product page without extensive effort or technical skills.
    • Automated Size Chart Links: Automatically add size chart links above the “Add to Cart” button on your product page for convenient access.
    • Interactive Popup Display: Enhances user experience with a beautiful and fully personalizable size chart table that appears in a popup when the “size chart” link is clicked.
    • Quick Access for Customers: Refines the process for customers to view size information, promoting a more informed purchasing decision.

Next, let’s see how Saufter.io transforms e-commerce support, ensuring streamlined processes and exceptional customer service.

Also read, 6 Best Shopify Product Tabs Apps

[Back to the top]

Saufter.io: Optimized Helpdesk Support for E-commerce Platforms

Saufter.io is the ultimate helpdesk solution meticulously crafted for e-commerce enterprises. It specializes in automating e-commerce customer service workflows, seamlessly integrating support channels. 

Saufter.io offers advanced order scanning and proactive support for unparalleled efficiency in managing customer inquiries for online businesses.

Key features

    • E-commerce focus: Tailored specifically for e-commerce businesses, Saufter.io is designed to meet the unique customer service needs of online retailers.
    • Comprehensive support channel integration: Integrates all support channels seamlessly, providing a centralized platform for managing customer inquiries from various sources.
    • Advanced order scanning: Offers advanced order scanning capabilities, allowing for efficient handling of customer inquiries related to orders, shipments, and product details.
    • Proactive support: Implements proactive support features to anticipate and address customer issues before they arise, enhancing customer satisfaction and loyalty.
    • Workflow Automation: Understands e-commerce customer service workflows and automates them with unparalleled efficiency, reducing manual tasks and improving response times.
    • Efficient Ticketing System: Utilizes a robust ticketing system to organize and manage customer support requests, ensuring timely and effective issue resolution.
    • Multi-channel Support: Manages customer inquiries across multiple channels, creating a unified experience for customers and support teams.
    • Customizable Platform: Allows customization to adapt to the unique branding and requirements of individual e-commerce businesses.
    • Analytics and Reporting: Provides analytics and reporting features to track and analyze customer service performance, identify trends, and make data-driven improvements.

Wrap up           

This comprehensive guide on how to add a Shopify size chart is your ultimate resource for seamlessly integrating size charts into your store. Follow these steps to enhance the customer experience and provide accurate sizing information. Elevate your Shopify store with confidence using this essential guide.

Looking to amplify your customer experience? Consider Saufter’s comprehensive helpdesk for optimal support management. 

Enhance efficiency, track tickets, and deliver exceptional service with automated workflows. 

Automate Customer Support​

Related Posts

AI Generated campaign

Let’s Create Your Perfect Campaign!

"(Required)" indicates required fields

1Home
2URL
3Industry
4Graphic Theme Preference
Generate using Prompt
Generate without a Prompt

Example prompt: “Can you create a newsletter talking about how new GDPR regulations will affect the IT sourcing industry?”

Templates available

Template_93

Can you generate a blog email with the topic ‘Business Tips: A Brief Guide to Data Attribution Models,’ including the recommended blogs?

Edit prompts
Template_249

Can you create an email for showcasing features? highlighting three features from our website OR This prompts can be used if there is a chance user might tell us which features in advertise ‘Can you create an email to showcase features, highlighting Explore with AI, Best Helpdesk, and Boost Your Productivity from our website?’

Edit prompts
Template_251

Please create a welcome email that introduces new users and highlights the benefits of each plan. The plan details can be referenced from our website’s plans page.

Edit prompts
Template_69

Can you generate a 3-step email sequence for a discount campaign?
Day 0: Introduce the offer and highlight its value. Use an engaging tone to capture attention and create urgency.
Day 2: Send a follow-up email as a gentle reminder of the ongoing discount, reinforcing the value of the offer.
Day 4: Send a final email emphasizing that the discount ends soon. Include a strong call-to-action to encourage immediate action.

Edit prompts
Template_95

Please generate an email announcing the Fall Discount. The sale offers up to 25% off and is valid until October 8. Include the discount details for different plans: the Basic Plan offers a 10% discount, while the most upgraded plan offers a 25% discount. Plan details can be referenced from our website’s plans page.

Edit prompts
Template_225

Please create a webinar welcome email. The webinar topic is ‘How to Market to Generation Z,’ and it starts on January 16, 2025, at 8 PM.

Edit prompts

Templates available

Template_93

Can you generate a blog email with the topic ‘Business Tips: A Brief
Guide to Data Attribution Models,’ including the recommended blogs?


Edit prompts

Template_249

Can you create an email for showcasing features? highlighting three
features from our website OR
This prompts can be used if there is a chance user might tell us
which features in advertise</strong >
‘Can you create an email to showcase features, highlighting Explore
with AI, Best Helpdesk, and Boost Your Productivity from our website?’


Edit prompts

Template_251

Please create a welcome email that introduces new users and highlights
the benefits of each plan. The plan details can be referenced from our
website’s plans page.


Edit prompts

Template_69

Can you generate a 3-step email sequence for a discount campaign?
Day
0: Introduce the offer and highlight its value. Use an engaging tone
to capture attention and create urgency.
Day 2: Send a follow-up
email as a gentle reminder of the ongoing discount, reinforcing the
value of the offer.
Day 4: Send a final email emphasizing that
the discount ends soon. Include a strong call-to-action to encourage
immediate action.


Edit prompts

Template_95

Please generate an email announcing the Fall Discount. The sale offers
up to 25% off and is valid until October 8. Include the discount
details for different plans: the Basic Plan offers a 10% discount,
while the most upgraded plan offers a 25% discount. Plan details can
be referenced from our website’s plans page.


Edit prompts

Template_225

Please create a webinar welcome email. The webinar topic is ‘How to
Market to Generation Z,’ and it starts on January 16, 2025, at 8 PM.


Edit prompts

AUTOMATE CUSTOMER SERVICE AND REDUCE REFUNDS

Claim Your 6 months of FREE Credits Now!

Get the code. Use anytime in the next 6 months.

Helplama Helpdesk is now Saufter.io!