Size charts in WooCommerce: size guides that reduce returns

On apparel, footwear and anything sold by fit, the biggest source of returns is a simple one: the customer guessed the size wrong. A size chart removes the guess. It lets the shopper check real measurements against their own before they buy, which lifts conversion and lowers the return rate at the same time. This guide explains how size charts work in WooCommerce and how to present one without cluttering or slowing the product page.

Why a Size Chart Matters

Returns are expensive twice: you lose the sale and you pay to handle the goods coming back. For sized products, a large share of returns come down to fit. A size chart addresses that directly:

• It builds confidence to buy. A shopper who can confirm the measurements is more likely to complete the order rather than abandon it in doubt.
• It reduces wrong-size returns. When the customer checks the chart first, fewer orders come back simply because the size was off.
• It answers the question on the page. Without a chart, the sizing question becomes a support email, or a lost sale.

Where to Put It

A size chart helps most at the moment of decision, which is the product page near the add-to-cart action. A clean pattern is a Size chart button beside add-to-cart that opens the chart in a modal. The shopper taps it, reads the measurements, closes it, and buys, all without leaving the page.

Sizer for WooCommerce follows this pattern: it adds a size chart button after the add-to-cart button and opens the chart in an accessible modal. When a product has no chart assigned, nothing renders, so there is no empty button and no broken modal.

Reusable Charts, Assigned Per Product

Most catalogues have a handful of real size systems, not one per product. The efficient approach is to build each chart once and assign it to the products that share it. A men’s shirt chart, a women’s footwear chart and a kids’ chart can each cover dozens of products.

This keeps the data consistent and the admin work small: update the chart in one place and every product using it reflects the change. Sizer is designed around reusable charts with per-product assignment for exactly this reason.

Keep It Accessible and Light

A size chart is content every shopper should be able to reach.

• Accessible modal. Opening the chart in an accessible native dialog means it works with a keyboard and a screen reader, not just a mouse.
• No clutter when empty. Products without a chart should show nothing rather than a dead button. That keeps the product page clean across a mixed catalogue.
• Light on the page. The chart should add little weight and not disturb the layout, so the product page stays fast.

The free edition covers reusable charts, per-product assignment and the accessible modal. A PRO edition is available for stores that need more.

Sizer Versus Default WooCommerce

Core WooCommerce has no size chart feature at all. Here is the difference for size charts specifically:

Capability	Default WooCommerce	Sizer
Size chart on the product	None	Reusable charts
Assign a chart per product	n/a	Yes, one chart across many products
Where it appears	n/a	Button by add-to-cart, opens a modal
Accessibility	n/a	Accessible native dialog
Products with no chart	n/a	Renders nothing, no empty button
Cost	Free (core has none)	Free (GPL); PRO for larger needs

The Short Version

A size chart is one of the most direct ways to cut returns and raise confidence on sized products. Show it in an accessible modal near add-to-cart, build reusable charts and assign them per product so the data stays consistent, and make sure products without a chart simply show nothing. Start with the free edition and grow from there.