Skip to main content

How to Set Up a Size Chart for Your Products

Add a size chart to any product so your shoppers see their fit right in the try-on.

J
Written by Jasmine Jurgens

A size chart helps your shoppers choose the right size with confidence and it appears right beside their virtual try-on result (or on its own, whenever a shopper opens the Size Chart tab). Here's how to set one up. It only takes a minute or two and one chart can be reused across as many products as you like.

Step 1: Open Size Charts

In your Shopify admin, go to Apps → AI Frame – Virtual Try-On, then click Size Chart in the app's left menu. You'll see all your existing charts here, with the products they're assigned to and when they were last updated.

Step 2: Create a chart - from a template or your own file

You have two ways to start:

A) Build one: click Add new chart.

B) Import one you already have - click Upload size chart and upload a CSV file where the first row contains your column headers (e.g. Size, Bust, Waist) and each following row is one size. There's a Download sample CSV link in the upload window if you'd like a ready-made example to follow.

💡 Switching from another size chart app? Your existing charts can come with you - export or copy them into a simple CSV and import them here in minutes.

Step 3: Name your chart

Give the chart an internal name, like "Men's T-Shirts" or "Women's Bottoms". This name is just for you — it's not shown to customers. The Published toggle controls whether the chart is live for shoppers.

Step 4: Build your size table

The easiest way to start is with a template - pick the one that fits: Tops (body), Tops (product), Bottoms (body), Bottoms (product), Dresses, Necklaces, Rings, Bracelets, Hats & Headwear, Shoes or Start from scratch.

  • The template fills in sensible columns (like Size, Bust, Waist, Hip) and rows (XS–XL) for you.

  • Click into any header or cell to edit it. Use + Col to add a column, + Add row to add a size, and the × beside any row or column to remove it.

💡 Body vs product measurements: "body" templates describe the shopper's measurements; "product" templates describe the garment itself. Pick whichever matches how you measure and keep it consistent across your store.

Step 5: Add the extras that help shoppers measure right

Under Additional info you can add:

  • Diagram: a how-to-measure illustration (Tops, Bottoms, Dresses, Shoes, Hats, Necklaces, Rings, Bracelets) shown in the exported PDF alongside the measuring instructions. Choose None to skip it.

  • Notes: extra text under the table, e.g. "All measurements are body measurements. Size up if between sizes."

  • Unit: the unit label for your chart (e.g. cm, mm, EU / cm).

Step 6: Assign it to products

Under Assign to products, choose which products show this chart:

  • All products: one chart, everywhere.

  • Specific products: search by name and add the exact items.

  • Specific categories: assign by product category.

One chart can be assigned to as many products as you like - build your "Tops" chart once and it covers every top in your store.

Step 7: Create

Click Create chart. Done - shoppers on those products now see the chart beside their try-on result, and in the Size Chart tab.

Plan note: the Free plan includes 1 size chart (to add a different one, delete the existing chart first). Starter includes 10, Growth 20, and Advanced unlimited.

Want to match the chart to your brand?

You can set the header and row colours for your size charts in Styles & Settings → Size chart table colours (Starter and above). See How to Style Your Size Chart.

Need a hand? If anything's unclear, send us a message, we are here to help!

Did this answer your question?