Size chart for clothing stores (HTML for your website)

Size chart for clothing stores (HTML for your website): what it is for

Build your brand's size guide: paste the measurements of your patterns, copying straight from a spreadsheet or separating them with semicolons, write how to measure each part and choose whether the chart sits right on the page or behind a button that opens a dialog. Sizes can go in columns or rows.

The code uses a real table, with row and column headers for screen readers, side scrolling on phones when there are many sizes and the browser's native dialog, which closes with the X, Esc or a tap outside and turns into a bottom sheet on phones. A good size chart cuts down on size-related returns.

How to use

1. Paste the measurements with the sizes in the first row.
2. Write how to measure and the note.
3. Choose the format and copy the code.

When to use it

• Women's and men's clothing stores.
• Kids' and activewear.
• Instagram shops with a website.

Frequently asked questions

Why have a size chart in the store?

Because every brand has its own fit, and one brand's M is not another's. With the measurements and an explanation of how to measure, people compare them with their own body or a garment they already own, and the store gets fewer exchange requests because of size.

Which measurements should I include?

The ones that matter for the garment: bust, waist and hips for dresses and tops; chest and length for T-shirts; waist, hips and inseam for pants. Use your real pattern measurements, ideally by measuring the finished garment.

Can I paste from a spreadsheet?

Yes. Select the cells in Excel or Google Sheets, copy and paste them into the box: the columns arrive separated by tabs and the tool understands them. Semicolons also work.

Is it really free?

Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.

Similar tools