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, exactly when they're making a buying decision. Here's how to set it up, it only takes a minute or two per product and you can start from a ready-made template.

Step 1: Open the Size Chart editor

In your Shopify admin, go to Apps → AI Frame – Virtual Try-On, then click Size Chart in the app's left menu.

The AI Frame app menu in Shopify admin, with Size Chart selected in the left menu to open the editor.

Step 2: Find your product

  1. In the Search products by name box, type your product's name.

  2. Click Search.

  3. Click the product in the results to select it. You'll see it highlighted as Selected.

The Size Chart product search, with a product typed in the search box and selected from the results, marked as Selected

Step 3: Build your size chart

Once your product is selected, the editor opens. The easiest way to start is with a template:

  • Pick the one that fits your product: Top / Dress, Bottom / Pants, Outerwear / Jacket, or Shoes. (Prefer to build from scratch? Choose Custom (blank).)

  • The template fills in sensible columns (like Size, Chest, 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.

The size chart editor with template options (Top/Dress, Bottom/Pants, Outerwear/Jacket, Shoes, Custom) and an editable table of columns and size rows.

💡 A little tip: enter body measurements in centimetres, and try to keep your columns consistent across products - it makes your size charts feel familiar and easy for repeat shoppers.

Step 4: Save

When your chart looks right, click Save size guide. That's it - your shoppers will now see this chart beside their try-on result for that product. (Need to start over on a product? You can click Remove guide any time.)

Repeat for your other products

Size charts are set per product, so add one for each item you'd like to show sizing for. No need to do them all at once - starting with your best-sellers is a great way to go.

Want to match the chart to your brand?

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

The completed size chart in the editor with the Save size chart button below the table.

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

Did this answer your question?