A size chart shoppers can find and actually read.

Sizing is the question that stops apparel and footwear shoppers at the product page, and it comes back as an exchange when the answer was hard to find. In Shopify, a size chart is a page you link from product pages, either directly or through a theme block. A metafield lets each product point to the right chart.

Make the chart page

Start with one page per chart: women's tops, men's shoes, kids.

1. In Shopify admin, go to Online Store > Pages and click Add page.
2. Title it, for example "Size chart: women's tops".
3. In Content, click the Insert table button in the rich text editor and build the table row by row.
4. Set Visibility to Visible and click Save.
5. Link it: add a "Size chart" link to each product description, or add the page to a menu under Content > Menus.

This works on every theme and needs no setup beyond the page.

Show it as a pop-up

Shopify's own tutorial uses a page-reference metafield and the Pop-up block, so each product opens its own chart.

1. Go to Settings > Metafields and metaobjects, click Products under Metafield definitions, then Add definition.
2. Name it Size chart, click Select type, choose Page (one page is the default), and click Save.
3. In Online Store, click Edit theme. From the drop-down at the top, choose Products, then Create template, so the link only appears on products that have a chart.
4. Under Template, in Product information, click Add block and choose Pop-up. Enter Size chart as the Link label.
5. Next to Page, click the dynamic source icon, select your Size chart metafield, and save.
6. On each product, set the Size chart metafield to the right page in the Product metafields section, choose the new template under Theme template, and save.

Leave the metafield empty on a product using this template and the link still shows, opening a blank pop-up. That's why the separate template matters.

Other theme options

If your theme has a collapsible content or tab block in Product information, it can hold a chart too.

• Type the chart straight into the block if every product shares it.
• For per-product content, connect the block's text setting to a product metafield with the dynamic source icon. Text and rich text settings accept dynamic sources.
• Vintage themes don't support dynamic sources. There, the linked page from the description is the no-code route.

Image or text

Put the measurements in text, even if you also show a diagram.

• Text reflows on a phone. An image of a table forces pinch-zoom and blurs.
• Search engines and screen readers read text, not pixels.
• Changing a text table is an edit. Changing an image is a redesign.
• Keep the image for what text can't show: where to put the tape measure.
• Give both centimetres and inches, and say whether figures are body or garment measurements.

Write the fit advice

A chart gives numbers; customers want a decision.

• Between sizes: say which way to go. "Between sizes? Size up for a relaxed fit, down for a close one."
• Fit per style: "Runs small, order one size up" belongs on the product, not buried on the chart page.
• How to measure: chest, waist, hip, inseam, foot length, one line each.
• Fabric: whether it stretches, and whether it shrinks in the wash.
• A reference point: "Model is 178 cm and wears M."

Questions the chart doesn't settle still arrive, so keep a which size should I get reply ready.

Where Aide helps

The chart answers the general question; shoppers ask the specific one.

Aide syncs your Shopify products with every variant and their metafields, so a size chart connected through a metafield is part of what the Aide AI Agent answers from (metafields and size charts). When Aide imports your website and help center, text inside size-chart images is transcribed, so a chart saved as a picture still counts. Aide also knows which product and variant the shopper is looking at in chat and sees the live cart, so the answer is about this style, not your sizing in general. More on sizing and fit questions.