How to Add a Size Chart to a Shopify Product Page (2026 Guide)

A generic S/M/L dropdown works for fast fashion. It does not work for a store making kurtas to exact measurements, tailoring suits to a customer's frame, or stitching wedding lehengas from a customer's own dimensions.

Here's the problem with a static size chart: it gives the customer information but collects nothing from them. You still don't know their measurements. You still have to follow up via WhatsApp or email. You still risk getting the dimensions wrong when the customer guesses "I'm probably a 38."

What custom tailoring merchants need is a measurement collection flow built directly into the product page — one that captures chest, waist, hip, sleeve, inseam, and any category-specific measurements before the customer hits "Add to Cart." That's a fundamentally different tool than a size chart image uploaded to your theme. Both matter. This guide covers both.

Shopify's Online Store 2.0 themes (Dawn, Sense, Craft, etc.) include a size guide feature out of the box.

1. Go to Online Store → Themes → Customize
2. Navigate to a product template
3. Click Add block inside the product information section
4. Select Size guide (or Popup in some themes)
5. Add your size chart as a table or image inside the block
6. Save and publish

Use this if you're running a ready-to-wear brand with standard sizing. Skip it if you're doing made-to-measure.

If you want a size chart that's product-specific — so your kurta page shows a kurta chart and your sherwani page shows a sherwani chart — metafields are the right approach.

Step 1 — Create a metafield definition

1. In Shopify Admin, go to Settings → Custom Data → Products
2. Click Add definition
3. Name it Size Chart with namespace custom.size_chart
4. Set content type to Rich text (for a formatted table) or File (for an image)
5. Save

Step 2 — Add the size chart to each product

1. Open any product in your Admin
2. Scroll to the Metafields section at the bottom
3. Paste your size chart table or upload your size chart image
4. Save

Step 3 — Connect it to your theme

Go to Online Store → Themes → Edit code, open product-template.liquid (or your relevant section file), and add this snippet where you want the chart to appear:

{% if product.metafields.custom.size_chart %}
  <div class="size-chart">
    {{ product.metafields.custom.size_chart.value }}
  </div>
{% endif %}

Effort level: Medium. Requires basic Liquid comfort and one-time setup per product. Works well for ready-to-wear with consistent size ranges.

If you don't want to touch code, third-party apps let you build and embed size charts in minutes. Most work by injecting a button near the Add to Cart block.

• Kiwi Sizing — good for standard garment categories, fit quiz included
• Size Matters — simple chart builder, no frills
• Fit Predictor apps — use body measurements to recommend a size from your existing range

These work well for ready-to-wear brands. They break down for custom/bespoke stores because they're designed to map a customer to an existing size — not collect raw measurements for a garment being made from scratch.

If your store makes garments to order — whether you're a bespoke tailor, a custom ethnic wear brand, or a made-to-measure suiting house — you need a different tool entirely.

Tailor Size Guide is a Shopify app built specifically for this use case. Instead of showing a chart and hoping customers size themselves correctly, it:

• Collects exact measurements from the customer directly on the product page — before they add to cart
• Uses phone-camera AI body scanning so customers don't need a tailor or measuring tape
• Attaches measurements to the order so you receive structured measurement data with every purchase — no WhatsApp follow-up required
• Supports custom measurement fields by garment category (shirt measurements differ from trouser measurements from sherwani measurements)
• Works without app development — installs on Shopify in under 10 minutes

For a bespoke store, this eliminates the single biggest operational friction: chasing customers for their measurements after they've already paid.

This is a HowTo walkthrough for getting the app live on your product pages.

This depends on your garment category. Here are standard field sets by product type:

Men's Shirts / Kurtas

• Chest (around fullest part)
• Shoulder width
• Sleeve length
• Shirt length
• Neck (optional, for collar)

Trousers / Churidar / Pyjama

• Waist
• Hip
• Inseam
• Outseam
• Thigh (for slim fits)
• Bottom opening (if tapered style)

Women's Blouse / Saree Blouse

• Bust (full)
• Waist
• Shoulder to shoulder
• Shoulder to waist (front)
• Shoulder to waist (back)
• Sleeve length
• Sleeve width (upper arm)

Sherwani / Achkan

• Chest
• Waist
• Hip
• Shoulder
• Sleeve length
• Sherwani length
• Knee circumference (for fitted styles)

For ready-to-wear stores with standard size ranges: any size chart app works. For custom, bespoke, or made-to-measure stores: Tailor Size Guide is the only Shopify-native solution built for your workflow.

Let's put numbers on it.

A custom tailoring store doing 100 orders per month, with an average order value of ₹3,500. 15% of orders require rework due to measurement errors. Rework cost: labour + fabric + shipping = roughly ₹800 per order.

A proper measurement collection flow costs a fraction of that to implement and eliminates the root cause. Not reducing rework. Eliminating it.