How to Add a Size Chart to Shopify Product Pages: A Clear Guide

Size confusion is one of the fastest ways to lose a sale. If you’re running a Shopify store and selling anything wearable – from t-shirts to tailored jackets – adding a size chart is more than just helpful. It’s essential. Not only does it reduce returns, but it gives your customers confidence right when they need it most: at the point of purchase.

Whether you’re building it into your theme with metafields or using an app, this guide breaks down exactly how to get your size chart where it belongs – on the product page, visible, and easy to use. No guesswork, no code anxiety. Just a clean walkthrough that works.

Why Size Charts Matter More Than You Think

If you sell apparel or anything that’s size-dependent, there’s a good chance sizing confusion has already cost you sales. Whether it’s someone abandoning a cart because they’re unsure about the fit, or the returns piling up due to mismatched expectations, it adds friction you can’t afford.

Here’s the reality: online shoppers can’t try things on. They rely on you to give them the clarity they’d normally get in a fitting room. And your size chart is that clarity. Adding one to your Shopify store isn’t just a helpful extra. It’s a trust builder, a conversion booster, and a way to cut return rates down dramatically.

Choosing the Right Method for Your Store

Before jumping into the how-to, it’s worth figuring out which approach fits your store best. Not all Shopify setups are the same, and your choice depends on how your theme is built, how many products you sell, and how hands-on you want to get with customization.

Let’s walk through both options so you can see what makes the most sense for you.

Option 1: Use Shopify Metafields and Templates (No App Needed)

If you’re comfortable using Shopify’s theme editor and metafields, you can create a completely custom, flexible size chart solution without any third-party tools. This method gives you more control over when and where size charts show up.

Here’s how to do it the native Shopify way:

1. Create a Page for Your Size Chart

First, go to Online Store > Pages > Add Page and create a new page. Name it something like “Size Chart” and add your sizing table content in the editor. You can format it as a table, include visuals, or embed guides on how to measure.

Make sure the page is set to Visible and save it.

If you sell multiple categories (e.g. kidswear, shoes, jackets), create a separate page for each one. You’ll connect each product to the right chart later.

2. Create a Metafield Definition

This metafield allows you to attach a specific page (your size chart) to individual products.

Here’s how:

• Go to Settings > Custom Data > Products.
• Click Add definition.
• Name it something like “Size Chart” and choose the Page type.
• Leave storefront access enabled so it can be used on the product page.
• Click Save.

Now each product has a new metafield field where you can assign a chart page.

3. Create or Edit a Product Page Template

Next, you need a template that includes a block for your pop-up or inline size chart. This is done in the theme editor.

• Go to Online Store > Themes > Edit Theme.
• Open the editor and use the dropdown to go to Products.
• Create a new product template (or edit an existing one).
• In the left panel, click Add block and choose Pop-up, Custom Liquid, or another option available.
• Label the link text (e.g. “View Size Chart”).
• Click the dynamic source icon next to the Page field.
• Link it to your size chart metafield.

Click Save, and you now have a dynamic template that pulls in chart data per product.

4. Apply the Template and Assign the Chart

Final step:

• Go to Products and open the product you want to update.
• Under Metafields, select the correct Size Chart page.
• Under Theme Template, assign the custom template you created.
• Save the product.

Now only the products that need a size chart will show it. You can assign the same size chart page to multiple products by selecting it in their metafield settings, or create different pages for specific product types if needed.

When to Use This Method:

• You want full control over how charts look.
• You don’t want to rely on third-party apps.
• You need to display different charts for different products.

It takes a few extra steps, but it’s flexible and future-proof.

Option 2: Use a Shopify Size Chart App (Faster, Less Custom)

If you prefer something quicker and more visual, third-party apps can help.

They may come with pre-built templates, drag-and-drop editors, and smart size recommendations – the exact features available depend on the specific app. Some even let you assign charts automatically by product tags, types, or collections.

Pros of Using an App:

• No coding or metafields required.
• Easy to add charts to many products at once.
• Built-in visual guides, toggles for cm/inch, and responsive design.
• You can style the chart to match your brand.

What to Watch Out For:

• Some features may be locked behind paid plans.
• App performance varies across different Shopify themes.
• Too many apps can slow down your store if not optimized.

If you're going this route, make sure you test your app thoroughly on both desktop and mobile.

How to Structure a Great Size Chart

Regardless of how you add it, your size chart needs to actually help shoppers. That means making it easy to read, accurate, and relevant to the product.

Here’s what to include:

• Measurement points: bust, waist, hip, inseam, sleeve length, etc.
• Clear labels: XS, S, M, L isn’t enough. Add numerical sizes too.
• Units: Offer both inches and centimeters, or let users switch
• Fit notes: Is it relaxed, fitted, cropped, oversized?
• Visuals: Diagrams showing where to measure make a big difference

Here is an example size chart for T-shirts:

Add a "How to Measure" Section

A size chart without instructions is like a map without a legend. Show customers where and how to measure themselves.

You can add a simple diagram, list body points with tips (e.g. “Measure around the fullest part of the bust”), or use a quick bulleted guide.

Sample “How to Measure” tips:

• Chest: Measure under arms, around the widest part.
• Waist: Measure where you normally wear your pants.
• Inseam: Measure from crotch to ankle bone.

Make it visual if possible. A quick graphic beats five paragraphs of text.

Selling Internationally? Add a Conversion Table

Don’t assume your customers all use the same sizing system. Add a regional size conversion table so someone shopping from Europe, Japan, or Australia can find their equivalent.

If you’re using an app, look for one that includes unit toggles or international presets.

Placement Tips: Where to Show the Size Chart

It’s not just what the chart says, but where you put it that affects conversions.

Avoid hiding it in a long tab or at the bottom of the page. Shoppers shouldn’t have to hunt for something so important.

When it comes to placing your size chart, visibility is everything. The most effective spot is right next to the size selector, where customers are already making decisions. If you’re using a popup or floating link, keep it close to that area so it feels intuitive to click. 

For inline charts, make sure they appear above the fold – you don’t want shoppers to scroll endlessly just to find basic sizing info. Clarity also matters. Label the link or button as “Size Chart” instead of something vague like “More Info.” And don’t forget mobile. Whatever setup you choose should load quickly and look clean on smaller screens too. If it's hard to spot or hard to tap, it’s not doing its job.

You want customers to see it the moment they wonder, “Will this fit me?”

Using Predictive Insights to Reduce Size-Related Returns

At Extuitive, we help Shopify brands look ahead instead of reacting after the fact. One of the biggest causes of lost revenue in fashion ecommerce is sizing uncertainty, and we’ve seen how predictive data can step in long before a customer ever hits the “buy” button.

With our ad prediction engine, you can test creative variations and audience targeting before launch, but it goes deeper than just clicks. By connecting campaign performance with size-related purchase behavior, we help you spot friction points early, like which product sizes or styles drive the most uncertainty or returns. That insight lets you optimize your product pages, including the way size charts are presented or prioritized.

If your size chart is buried, too generic, or mismatched to the audience you're targeting, conversions will stall and returns will spike. Our forecasting models surface those blind spots in advance, giving you a chance to improve the user experience right where it matters most. Whether you're testing seasonal creatives or scaling a new category, knowing what works at the size level helps you spend smarter and sell more confidently.

What Else You Can Do

Size charts are a great first step, but if you want to push things further:

• Enable size-based customer reviews: Let people say if it ran small or large.
• Use fit prediction tools: Some apps let users input height and weight.
• Show photos of real people wearing items: Helps shoppers visualize fit.
• Make returns easy: A good chart helps, but a flexible return policy seals the deal.

Final Thoughts

Adding a size chart in Shopify isn’t complicated, but it does require thought. The good news is, once you’ve set it up right, it keeps working in the background – quietly increasing trust, reducing returns, and improving your conversion rate.

If you’re just starting out, use an app. If you’re scaling or want more control, go with the metafield + template method. Either way, your customers will thank you for making sizing one less thing to stress over.

And if there’s one thing you take from all this: don’t bury the chart. Make it visible, useful, and tailored to what you sell. That’s what actually makes it work.

FAQ