a measuring tape on a pink background

How to Add Size Chart on Shopify?

Tim Khud
Shopify Tutorials

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.


For online retailers, providing accurate and user-friendly size information is an indispensable step towards enhancing customer experience. One significant way to achieve this is by integrating a size chart into your Shopify store. Size charts not only help decrease return rates but also improve customer satisfaction by ensuring a perfect fit on the first purchase.

Importance and Advantages of a Size Chart

A size chart, essentially, is a tool that translates product measurements into a simple guide for customers to choose the best fit. Having this feature on your Shopify store can provide several advantages:

  1. Decrease Return Rates: With accurate size information at hand, customers are less likely to make purchase errors, which can drastically reduce the number of product returns and exchanges.
  2. Improve Customer Satisfaction: Providing a size chart ensures your customers find the right fit on their first try, increasing overall satisfaction and trust in your brand.
  3. Enhance User Experience: Size charts can streamline the online shopping experience, making it easy for customers to choose the best product size without having to make assumptions or do their own measurements.

Step-by-step Guide to Creating a Size Chart on Shopify

Adding a size chart to your Shopify store is simple and straightforward. Here's a step-by-step guide that Shopify suggests:

  1. From your Shopify admin, go to Online Store > Pages.
  2. Click Add page.
  3. Enter a page title.
  4. If you want to create a size chart that appears site-wide, then enter Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /size-chart.
  5. If you want to create a chart that only appears on products from a specific vendor, then enter the name of the vendor followed by Size Chart.
    For example, if your vendor is called Great Owls, then enter Great Owls Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /great-owls-size-chart.
  6. If you want to create a chart that only appears on a specific type of product, then enter the product type followed by Size Chart.
    For example, if you want to display a size chart specific to shoes, then enter Shoes Size Chart for the page title. In the Search engine listing preview section, the URL of the page should end in /shoes-size-chart.
  7. In the Content box, create a table that contains your size chart information. Customize the table to look the way you want it to:
  8. In the Visibility section, make sure the page is set to Visible.
  9. Click Save.

Below is an example of creating a site-wide size chart snippet

  1. In the Snippets directory, click Add a new snippet.
  2. Name your snippet size-chart, and click Create snippet.

Copy the following code into your size-chart snippet.

Add the size chart snippet into your theme.liquid

  1. In the Layout directory, click to open your theme.liquid file.
  2. Find the closing </body> tag. Right above the closing </body> tag, paste the following code.

Add a Size chart button

  1. In the Sections directory, click to open your product-template.liquid file or product.liquid file if you do not have a product-template.liquid file.
  2. Paste the following code above the Add to Cart button.

The Add to Cart button typically starts with something like <button type="submit" name="add". If your store's operating language isn't English, then replace See Size Chart with the text that you prefer to use.

measuring tapes in different colors

Great Locations for a Size Chart on Your Website

Choosing the right location for your size chart is crucial as it should be easy to find and read. Here are some strategic places to consider:

  1. Product Description: Directly including the size chart in each product's description is a common practice.
  2. Product Page Tab: Another popular location is as a tab on each product page. This keeps the page clean and uncluttered while ensuring the size chart is only a click away.
  3. Dedicated Size Chart Page: For stores with many diverse products, it may be beneficial to have a separate page dedicated to size charts.

Top Size Chart Apps on Shopify

  1. Kiwi Size Chart & Recommender: This app not only allows you to create custom size charts but also includes an AI size recommender to help customers choose the perfect fit.
  2. BF Size Charts & Size Guides: A popular choice, Best Fit offers a variety of customizable templates, and it's known for its user-friendly interface.
  3. Smart Size Chart & Size Guide: This app is praised for its advanced features, including its ability to display size charts in pop-ups or directly on the product page.


Adding a size chart to your Shopify store is a strategic move towards enhancing the customer shopping experience. It not only aids in accurate product selection but also significantly reduces the hassle and costs associated with returns and exchanges. While Shopify's in-built features allow easy addition of size charts, you can always turn to specialized apps for added functionality. Choose the method that best fits your brand, and witness a marked improvement in your store's user experience.