Body chart or garment chart: pick one and say which
The single most common reason a correct size chart still produces a return is that nobody said which kind of number is in it. A body chart lists the customer's own measurements, taken with a tape measure around them. A garment chart lists the item itself, measured flat on a table. The two numbers for the same size are different, because a shirt has to be bigger than the chest that goes inside it or nobody could put it on. That gap between the body and the garment is called ease, and a garment cannot fit without it.
The trouble starts when a chart does not say which one it is. A shopper who measures their own chest and compares it against a garment chart will pick a size too big, because they are comparing a body number against a garment number without knowing it. This builder asks the question first, on purpose, and labels the output so the shopper never has to guess. If you want the fuller explanation with a calculator that shows the ease for your own numbers, we wrote it up at body vs garment measurements.
What the checker looks for
The checker runs as you type and never stops you from exporting. It only explains, in plain language, what looks off. It checks for six things:
- A size that is smaller than the size before it, such as a medium narrower than a small.
- A chest or hip measurement smaller than the waist in the same row, which usually means two columns got swapped.
- Gaps or overlaps between adjacent size ranges. A gap leaves a shopper who measures 37 with no row to land on, and an overlap gives them two. Ranges that simply share a boundary, such as 34-36 then 36-38, are fine.
- A number that looks like it belongs to the other unit, such as a 90 sitting among a column of 34, 36 and 38.
- A body chart whose numbers look like flat garment measurements, or the reverse, since that is the same body-versus-garment mixup the checker was built to catch.
- Empty cells in an otherwise complete column, so nobody in that size gets sent away with no answer.
Three ways to use your chart
Which export is right depends on where the chart is going. The hosted link is the one we would pick first: your whole chart lives inside the link itself, so nothing is stored on our servers, and it comes with a small box that lets a shopper enter their own measurement and see which row they land on. Edit the chart later and copy the new link to update it anywhere it is already posted. The paste-in HTML export is the one to reach for when you want full control over how the table sits in your page, since it is a plain, accessible table you can drop into any editor. The PNG image is for the places that strip HTML out of what you paste, which is most marketplaces: an Etsy listing photo, for instance, only accepts an image, so a PNG is the only export that survives there.
Adding it to Shopify, WooCommerce and others
The hosted link and the HTML export both drop into the same places.
Shopify
Go to Online Store, then Themes, then Customize. Add a Custom Liquid block to the product template and paste the hosted link's iframe snippet or the HTML export into it. To put it on one page instead, open that page in the editor and use the <> HTML view to paste the code in.
WooCommerce
Edit the product and add a Custom HTML block to the description with either export. To reuse it across every product, add the same block to a shared template in the site editor.
Squarespace, Wix and others
Squarespace: add a Code block. Wix: use Embed HTML. Most other platforms have an equivalent code or embed block; paste either export into it the same way.
Privacy
Nothing typed into this builder is stored or sent anywhere. Your chart is not saved on our end. If you choose the hosted link, the whole chart is carried in the part of the link after the # sign, which a browser never sends to a web server, ours included. When a shopper later types their own measurement into that hosted chart to find their row, that number never leaves their browser either. The only analytics we collect are anonymous usage events, such as which export was used, with no measurements and no chart contents attached.
Frequently asked questions
Is it really free?
Yes, for every output. There is no paid tier today, no trial that expires and no watermark to pay to remove.
Do I need an account?
No. Nothing you build here is saved on our end, so there is nothing to sign up for and nothing to log into later.
Can I remove the credit line?
On the HTML and PNG exports, yes, there is a checkbox for it. The hosted chart keeps one small credit line inside the frame. That credit is how other store owners find the tool, and it is the only thing we ask in return.
How do I edit a chart later?
Take the chart's link, change /chart/ to /size-chart-builder/, and open it. The builder loads the chart back in. Edit it, then copy the new link or snippet over the old one. Nothing is stored on our side, so the link is the chart.
What is the difference between body and garment measurements?
A body chart lists the customer's own measurements. A garment chart lists the item itself, laid flat. The gap between the two is called ease, and mixing them up is one of the most common reasons a chart that looked right still produced a return.
Will it work on Shopify?
Yes. Paste the HTML export into a product description or a Custom Liquid block, or use the hosted embed the same way you would any iframe snippet.
Is there a limit?
The hosted link has a practical ceiling of about 2000 characters, which comfortably fits around 15 sizes by 6 columns. A chart bigger than that still works fine as the HTML export, which has no size limit.
Looking for ready-made calculators instead of a chart you build yourself? See size charts for your store for the full set of interactive calculators you can embed with one line of HTML, or contact us if you want something this builder does not cover.