A size chart helps your shoppers choose the right size with confidence and it appears inside the try-on widget and right beside their try-on result, exactly when they're making a buying decision. Size charts in AI Frame are reusable: you create a chart once, then assign it to as many products as it applies to. Here's how to set one up.
Step 1: Open the Size Chart page
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 your existing size charts listed here, with the products each one is assigned to and when it was last updated.
Step 2: Click "Add new chart"
Click Add new chart to open the Create sizing screen. You have three ways to build your chart - pick whichever suits you:
Build a size chart from scratch: start with an empty chart and add your own columns and sizes.
From CSV file: upload a CSV or Excel file with your existing size chart data. Perfect if you already have your charts in a spreadsheet.
Use a template: pick a category and we prefill the columns for you. This is the fastest way for most stores.
Step 3: Pick a template (the easy route)
Templates are available for: Tops, Bottoms, Dresses, Necklaces, Rings, Bracelets, Hats & Headwear, and Shoes.
For tops and bottoms, you'll see two versions:
Body measurements: the chart lists body measurements (like chest and waist) - shoppers compare their own measurements to find their size.
Product measurements: the chart lists the garment's actual measurements - useful when your items are measured flat.
Pick the one that matches how you measure. The template fills in sensible columns and size rows, and you can edit everything — click into any header or cell to change it, add or remove columns and rows as needed.
💡 A little tip: enter body measurements in centimetres, and keep your columns consistent across charts - it makes sizing feel familiar for repeat shoppers.
Want to show both cm and inches? Just enable the Unit toggle in your size chart - shoppers can then switch between cm and inches right on your storefront. And here's the best part: you only fill in one of the two. Enter your measurements in cm or in inches, and AI Frame automatically calculates and displays the other. No double work, no conversion tables.
Step 4: Name your chart and assign it to products
Give your chart a clear name (like "Shirts" or "Rash Guards") so you can recognise it in your list. Then assign it to the product or products it applies to -- one chart can cover your whole shirts collection.
Step 5: Save
Save your chart and it's live: shoppers will now see it inside the try-on widget and beside their try-on result on every product it's assigned to.
Managing your charts
Back on the Size Chart page, your charts are listed with their assigned products. Click a chart's name to edit it, or use the ⋯ menu for more options. A chart marked Unpublished isn't visible to shoppers yet.
Want to match the chart to your brand?
You can set the header and row colours for your size chart tables and pick the Size Chart button icon, right here on the Size Chart page. See How to Style Your Size Chart.
Need a hand? If anything's unclear, send us a message, we are here to help!