Shopify questionAnswer4 min read
How Do I Add a Size Guide to Shopify?
Most free Shopify themes can show a size chart pop-up on product pages with no app at all. It takes a page, a metafield and one block in the theme editor.
Key takeaways
- Create the size chart as a page, add a product metafield of type Page, then add a Pop-up block to your product template and connect it to that metafield.
- The metafield is created under
Settings > Metafields and metaobjects, then Products. - Each product can link one size chart page, so you can have different charts for tops, trousers and shoes.
- It needs a theme that supports dynamic sources. Vintage themes need code edits or a size chart app.
- Who it is for
- Clothing and shoe stores
- Time needed
- 4 minutes to read
- What you need
- An Online Store 2.0 theme
To add a size guide in Shopify without an app, create a "Size chart" page with your measurements, add a product metafield of type Page, then add a Pop-up block to your product template in the theme editor and connect its Page setting to that metafield. Finally, pick the right size chart page on each product. Shoppers then see a "Size chart" link on the product page that opens your chart in a pop-up.
This is Shopify's own documented method, as checked on 7 November 2026. It works on Online Store 2.0 themes such as Shopify's free themes.
Your options
| Method | Cost | Charts per product | Best for |
|---|---|---|---|
| Page + pop-up block | Free | One linked page | Most stores |
| Fixed page in a template | Free | One per template | One chart per category |
| Size chart app | Varies | Rules by tag or type | Large catalogs |
| Custom section | Developer time | Any | Charts with unit toggles |
Step by step, no app
- Create the page. Go to
Online Store > Pages, click Add page, title it "Size chart" and add your table in Content. Set it to Visible and save. Make one page per chart if you need several. - Create the metafield. Go to
Settings > Metafields and metaobjects. Under Metafield definitions, click Products, then Add definition. Name it "Size chart", choose the type Page, keep One page and save. - Create a product template. In
Online Store > Edit theme, switch to Products and click Create template, so the link only appears on products that need it. - Add the Pop-up block. In the Product information section, click Add block, choose Pop-up and set the link label to "Size chart".
- Connect the metafield. Next to Page, click the dynamic source icon, select your Size chart metafield and save.
- Assign it on each product. Open the product, click the Size chart metafield, select the page, set Theme template to your new template and save.
What to put in the chart
A size guide only helps if shoppers can use it. I'd include:
- Body measurements and garment measurements, labeled clearly as one or the other.
- Both inches and centimeters, since customers abroad will see the same chart.
- A short "how to measure" note with the points to measure.
- Fit advice, such as "runs small, size up if between sizes".
Keep the table narrow enough to read on a phone, because that's where most shoppers will open it. My mobile CRO checklist covers other product page checks.
When a size chart app is worth it
The free method links one page per product, set by hand. If you have hundreds of products, or want charts assigned automatically by product type, tag or vendor, a size chart app saves hours. Apps also add extras like fit quizzes and unit toggles. Check how much script each app adds, because size chart apps load on every product page. If your theme is a vintage one without dynamic sources, an app or a small code change is your only route.
A tidier option for big catalogs
For stores with many charts, I often build size charts as metaobjects instead of pages: each chart is a structured entry with rows and columns, shown by a custom section. It keeps formatting consistent and makes charts easy to edit. My guide to Shopify metaobjects explains the idea, and my metafields guide covers the field types.
By country
US shoppers expect inches and US sizes, UK shoppers UK sizes, and EU and Australian shoppers centimeters with their own size labels. If you sell to several markets, show the conversions in the chart rather than making shoppers guess. My page on Shopify for fashion brands covers what else clothing stores need.
What to do next
- Write your chart with body and garment measurements in both units.
- Follow the six steps above on a duplicate of your theme first.
- Test it on a phone.
- Want it built for you? My store development work starts from $300, and a size chart section is a small, fixed-price job.
Free tools
Check your own store
Free, no sign-up. Each one runs a part of this guide for you.
Frequently asked questions
How do I add a size chart to Shopify without an app?
Create a size chart page, add a product metafield of type Page under Settings > Metafields and metaobjects, add a Pop-up block to your product template, connect it to the metafield, and pick the page on each product.
Can I have different size charts for different products?
Yes. Make one page per chart and choose the right page in each product's Size chart metafield. Each product can link one page.
Why is my Shopify size chart pop-up empty?
The product uses the template with the pop-up block but has no page selected in its metafield. Assign a page, or move the product to a template without the block.
Does the size chart pop-up work on every theme?
It needs a theme that supports dynamic sources, such as Shopify's Online Store 2.0 themes. Vintage themes need code edits or a size chart app.
Do I need a size chart app?
Not for most stores. An app helps when you have a large catalog and want charts assigned automatically by type or tag, or extras like fit quizzes.
Where should the size chart link go on the product page?
Next to the size selector, so shoppers see it at the moment they choose a size.
Sources
- Adding a pop-up to your product pages with metafields, Shopify Help Center
- Displaying metafields on your online store, Shopify Help Center
- Duplicating themes, Shopify Help Center
Related services and work
I'm a Shopify developer and CRO specialist. I have built and improved Shopify stores since 2018, completed more than 1,000 projects, and hold a 4.96 average rating across 719 client reviews.
More guides
-
How to Add a Wishlist to Your Shopify Store
Shopify doesn't include a wishlist, so you add one with an app. Here is how setup works, how two popular apps compare, and how to turn saved items into sales.
-
How Do I Add a Mega Menu to Shopify?
A Shopify mega menu is a nested menu that your theme shows as a wide panel. Here is how to build the menu, switch it on in your theme, and when an app is worth it.
-
How Do I Add a Countdown Timer to Shopify?
Shopify has no built-in countdown timer, so you add one through your theme, an app or a small custom section. Here is how each route works and how to keep the timer honest.
-
Can I Use Shopify to Sell to Other Businesses?
Yes, and you no longer need Shopify Plus to do it. Here's what Shopify B2B includes on each plan and where the limits are.
