Add a Size Chart to Shopify Product Pages Without an App

November 4, 2026

Shopify has no dedicated size chart screen, which is why most merchants end up paying for an app to do a job the platform already covers.

The native route exists, it is just not labelled size chart

Shopify has no dedicated size chart screen, which is why most merchants end up paying for an app to do a job the platform already covers. The Help Center documents the app-free build: a page holds the chart, a product metafield of type Page points at that page, and a pop-up block in the theme editor opens it beside the size selector. It requires a theme that supports dynamic sources, which means any current Online Store 2.0 theme.

The cost is your time, roughly half an hour the first time, and no monthly fee after. The app route costs a subscription forever and adds a script to every product page. For most catalogs the arithmetic is not close.

Build order matters

Start in Settings, under Metafields and metaobjects, and add a product metafield definition named Size chart with type Page, one page. Storefront access is selected by default; leave it on, because without it the theme cannot read the value and the link simply never appears, which is the failure people debug for an hour.

Then create the chart itself as a page, with a real table built in the rich text editor, not an image of a table. A table stays readable on mobile, can be searched, and can be corrected in thirty seconds when a supplier changes measurements. An image does none of those things and fails hardest on the small screens where most size lookups happen.

One chart per product, or one per product family

The metafield links exactly one page per product, but nothing stops many products from pointing at the same page. Apparel stores usually need a handful of charts: one per size system or garment family, not one per SKU. Assign them in the bulk editor rather than opening products one by one, and only split a chart out when the measurements genuinely differ.

You also need a product template decision. If every product takes a chart, add the pop-up block to the default template. If only some do, create a dedicated template for those products so the size guide link does not appear on gift cards and accessories where it makes no sense.

Placement is the part that decides whether it works

Put the link directly beside or under the size selector, where the hesitation happens. A size chart parked in a tab at the bottom of the page, below the description and reviews, may as well not exist: the shopper who needed it has already guessed, bounced, or bought two sizes to return one.

Check it on a phone before calling it done. The pop-up should open without covering its own close button, the table should scroll sideways cleanly rather than crushing its columns, and the link should be a comfortable tap target. Most size lookups are mobile, one-handed, and impatient.

Frequently asked questions

How do I add a size chart to Shopify without an app?

Create a page holding the chart table, add a product metafield definition of type Page named Size chart, assign the page to each product, then add a pop-up block in the theme editor connected to that metafield. Shopify's Help Center documents the full sequence.

Why is my size chart link not showing on the product page?

The usual causes are a metafield with Storefront access turned off, a theme that does not support dynamic sources, or the pop-up block not being connected to the metafield as its source. Check those three before touching any code.

Can different products show different size charts?

Yes. The metafield is per product, so each product can point at its own page. In practice most stores reuse a few charts across product families and assign them in bulk.

Should my size chart be an image or a table?

A table. It stays legible on mobile, can be updated in seconds, and works with search and accessibility tools. An image of a chart fails on small screens and has to be remade for every correction.