Updated: August 2026

How to Add a Size Chart in WooCommerce (2026 Complete Guide)

If you want to reduce returns and improve buyer confidence, learning how to add a size chart in WooCommerce is one of the smartest moves you can make. Customers need clear sizing information before checkout, especially for clothing, shoes, accessories, and custom items. This guide shows the best methods in 2026, from quick manual setups to advanced plugins with reusable charts, plus a worked before-and-after example and the mistakes that quietly undo a good chart.

You’ll also get quick picks, plugin comparisons, step-by-step instructions, a copy-paste code example, and optimization tips so your size charts look professional and actually help conversions.

Quick Picks: Top 3 Size-Chart Solutions

1. YITH Product Size Charts for WooCommerce – Best overall for reusable charts.
2. WooCommerce Product Size Guide – Best for multi-category stores with many charts.
3. Manual Tab/Accordion Method – Best for simple stores with a few products.

Why Size Charts Matter for WooCommerce

Size-related returns can be one of the biggest costs for apparel, accessories, and custom goods. A clear size chart:

• Reduces returns and exchanges
• Improves buyer confidence
• Prevents sizing complaints and support tickets
• Boosts conversion rates for uncertain shoppers

In 2026, shoppers expect sizing help as standard. If your competitors provide charts and you don’t, you’ll lose sales to the store that answered the “will this fit me” question before checkout instead of after a return request.

This guide treats the size chart as a real piece of product content worth getting right, not a box to tick, because the difference between a thrown-together chart and a genuinely useful one shows up directly in your return rate.

A Worked Example: What Changes When You Add a Real Size Chart

Picture an apparel store selling fitted t-shirts with a size range of XS through XXL. Before adding a chart, the product page just lists sizes as a dropdown with no measurements. A shopper between sizes has no way to guess correctly, so they either order two sizes and return one, or skip the purchase entirely out of uncertainty.

After adding a chart with chest, length, and sleeve measurements in both inches and centimeters, plus a one-line fit note (“Runs slightly small, size up if between sizes”), the same shopper has enough information to order once and keep it. The store didn’t change the product. It removed the guesswork that was causing both lost sales and avoidable returns.

The fit note matters as much as the measurements. A table of numbers alone still leaves a shopper guessing how the garment actually behaves, snug, true-to-size, or generous, since body shape and fabric stretch aren’t captured by measurements alone.

Method 1: Add a Size Chart Manually (Best for Small Stores)

If you only sell a few products, you can add a size chart manually using the product description, a custom tab, or an accordion block.

Steps (Manual Method)

1. Open your product in WooCommerce.
2. Add a new tab or section in the product description.
3. Create a simple HTML table or use a block table.
4. Save and preview on mobile and desktop.

A Copy-Paste Starting Table

If you’d rather write the table by hand than use the block editor’s table tool, this is a minimal, accessible structure you can drop into a Custom HTML block and edit the numbers:

<table>
  <caption>Size Chart (inches)</caption>
  <thead>
    <tr><th scope="col">Size</th><th scope="col">Chest</th><th scope="col">Length</th><th scope="col">Sleeve</th></tr>
  </thead>
  <tbody>
    <tr><th scope="row">S</th><td>36-38</td><td>27</td><td>8.5</td></tr>
    <tr><th scope="row">M</th><td>39-41</td><td>28</td><td>9</td></tr>
    <tr><th scope="row">L</th><td>42-44</td><td>29</td><td>9.5</td></tr>
  </tbody>
</table>

The scope="col" and scope="row" attributes and the <caption> aren’t decoration, they’re what let a screen reader announce “Medium, Chest, 39 to 41” instead of reading four disconnected numbers. A size chart that only sighted users can navigate isn’t actually finished.

Pros

• Free and quick
• No plugin dependency

Cons

• Hard to maintain for large catalogs
• Manual updates required per product

Best for: Small catalogs or stores with only one sizing system.

Method 2: Use a Dedicated Size Chart Plugin (Best for Scale)

If you have multiple product categories with different sizing, a plugin is the best option. These tools let you create reusable charts, assign them by category or tag, and update them centrally.

Top Size Chart Plugins for WooCommerce

1) YITH Product Size Charts for WooCommerce

YITH is one of the most popular size-chart plugins. It allows multiple charts, category assignments, and quick front-end popups.

• Pros: Easy setup, reusable charts, category targeting
• Cons: Advanced features require premium version
• Best for: Apparel and accessory stores with multiple sizes

Official site: YITH

2) WooCommerce Product Size Guide

This plugin focuses on multiple sizing tables and supports detailed measurements for different categories. It’s best for stores with a wide variety of products.

• Pros: Detailed table controls, reusable guides
• Cons: Requires configuration time
• Best for: Multi-category clothing or footwear stores

3) Size Chart for WooCommerce (PluginEver)

PluginEver’s solution is lightweight and beginner-friendly. It provides popup charts and easy category assignments.

• Pros: Simple UI, clean popups
• Cons: Limited styling options in free version
• Best for: Small to mid-size shops

4) Product Size Charts by WP Time Capsule

This plugin offers flexible charts and shortcode support, making it useful for stores that want chart placement beyond product pages.

• Pros: Shortcodes and reusable charts
• Cons: UI feels less modern
• Best for: Stores using custom layouts or page builders

5) WooCommerce Advanced Size Charts

An advanced option for merchants who want styling controls, conditional display rules, and more complex size guide formats.

• Pros: Advanced display controls
• Cons: Heavier setup and learning curve
• Best for: Large catalogs with varied sizing requirements

Common Mistakes That Undo a Good Size Chart

Mixing Measurement Units Inconsistently

A chart with chest measurements in inches but length in centimeters, or worse, no unit label at all, forces the shopper to guess. Always label the unit directly in the column header, not just once at the top of the page where it can get missed.

Using One Generic Chart for Different Fits

A slim-fit shirt and a relaxed-fit shirt from the same brand don’t share the same size chart even if they use the same size labels (S, M, L). Reusing one chart across both creates exactly the sizing confusion the chart was supposed to prevent.

Burying the Chart Below the Fold

A size chart linked from the bottom of a long product description, past the reviews, gets missed by shoppers who are trying to decide right now, near the size selector and buy button. Place it where the sizing decision actually happens.

No Fit Guidance, Only Measurements

Numbers alone don’t tell a shopper how a garment behaves. “Runs small,” “true to size,” or “oversized fit, size down for a fitted look” answers the actual question a measurement table can’t: not just what size matches my body, but what size matches the look I want.

Forgetting International Size Conversions

If you ship internationally, a US-only size label without EU, UK, or international equivalents forces overseas shoppers to look up conversions elsewhere, often on a competitor’s site while they’re at it. Adding a conversion row costs almost nothing and removes a real point of friction for that segment of customers.

A Second Worked Example: Footwear Sizing Is Its Own Problem

Clothing sizing is messy, but footwear is worse, because there isn’t one universal numbering system. US, UK, EU, and centimeter-based sizing all use different scales, and a size 9 means something different depending on which system a shopper grew up with.

A shoe store that only lists “Size 9” without specifying which system, and without a foot-length-in-centimeters column, is asking international shoppers to guess. A better chart lists foot length in centimeters as the primary column (since that’s a measurement a shopper can actually take with a ruler), with US, UK, and EU equivalents alongside it. That one design choice, leading with a measurable unit instead of an arbitrary size label, removes almost all the ambiguity footwear sizing usually creates.

How to Measure: What to Include for Common Product Types

The right measurements depend entirely on what you sell. A generic “S/M/L” label without measurement guidance is the single most common gap between an average size chart and a genuinely useful one.

Tops and Shirts

Chest (measured at the fullest point), body length (from the top of the shoulder to the hem), and sleeve length (from shoulder seam to cuff). For fitted styles, add a note on how much ease the garment has relative to actual body measurements.

Bottoms and Pants

Waist, hip, and inseam are the core three. Rise (front and back) matters for anything with a distinctive cut, high-rise, low-rise, and is often the measurement that determines fit satisfaction more than waist size alone.

Footwear

Foot length in centimeters as the primary column, with regional size equivalents alongside it, as covered in the worked example above. Width (narrow, standard, wide) if the product line offers it.

Accessories (Belts, Rings, Hats)

These need a direct measurement guide, not a size label at all in most cases. A belt sized to actual waist measurement in inches, a ring sized with a printable sizing guide, a hat with head circumference in centimeters. Guessing a label like “M” on an accessory produces far worse returns than clothing does, because there’s no visual fit check before the item arrives.

Size Chart Design Checklist

• Every column has a labeled unit (in or cm) in the header, not just a footnote
• A fit note accompanies the measurements (“true to size,” “runs small,” etc.)
• The table uses semantic markup (<th scope>, <caption>), not styled divs
• International size equivalents are included if you ship beyond one region
• The chart is placed near the size selector, not buried at the bottom of the description
• Mobile preview confirmed the table doesn’t get cut off or force awkward horizontal scrolling
• A “how to measure yourself” note or diagram accompanies the raw numbers

Comparison Table: WooCommerce Size Chart Options

Option	Best For	Strengths	Limitations
Manual tab/table	Small catalogs	Free, fast setup	Not scalable
YITH Product Size Charts	Most stores	Reusable charts	Premium for advanced features
WooCommerce Product Size Guide	Multi-category stores	Detailed sizing control	More setup time
PluginEver Size Chart	Small/mid stores	Easy to use	Limited styling in free version
Advanced Size Charts	Large catalogs	Complex display rules	Heavier plugin

How to Choose the Right Size Chart Method

• Small store (under 20 products): Manual chart is fine.
• Multi-category store: Use a plugin with reusable charts.
• Custom products or services: Consider per-product charts with notes.
• Design-focused brand: Choose a plugin with styling controls.

If you sell services or custom orders (like tailored cakes), you may also want a service-based WooCommerce setup. See Woo Sell Services for service selling workflows.

Best Practices for Size Charts in 2026

• Include measurement units: Always specify cm or inches, in the column header itself.
• Use clear labels: “Bust,” “Waist,” “Length” should be unambiguous.
• Add fit notes: Mention if items run small or large.
• Place near the buy button: Keep charts visible without excessive scrolling.
• Test on mobile: Make sure the chart is readable on small screens without horizontal scrolling cutting off columns.
• Use semantic table markup: Real <table>, <th scope>, and a <caption>, not a table built from styled <div> rows that a screen reader can’t parse.

Advanced Tips: Reducing Returns with Better Sizing Content

• Include a “How to measure” diagram or photo.
• Add customer reviews that mention fit.
• Offer a quick sizing quiz for complex products.
• Use product variants with size-specific stock.
• Track which sizes get returned most often and update the fit note for that specific size, not just the whole chart.

FAQs

Do I need a plugin to add size charts?

No, but plugins save time and scale better if you have many products or multiple sizing systems across categories.

Where should I place the size chart?

Ideally, near the add-to-cart button or inside a product tab/accordion that’s visible without much scrolling, right where the sizing decision is being made.

Can I reuse a size chart across categories?

Yes. Most size-chart plugins allow reuse by category, tag, or product type, but only reuse a chart across products that genuinely share the same fit and cut.

What if my products have different sizing rules?

Use multiple charts and assign them by category or product tag. Don’t force a slim-fit and relaxed-fit product to share one chart just because the size labels match.

Do size charts help SEO?

Yes. Adding structured sizing content increases page depth and relevance for product-specific searches, and a properly marked-up HTML table is crawlable text, unlike a chart baked into an image.

Should I use images or tables for size charts?

Tables are more accessible and easier for search engines to parse, but a small image or diagram showing how to measure (chest, waist, inseam) can improve clarity alongside the table, not instead of it.

Should the chart show international size conversions?

If you ship internationally, yes. A US-only chart forces shoppers in other regions to search for conversions elsewhere, which is friction you can remove with one extra row or column.

Is a size chart worth building for accessories like belts or hats?

Yes, arguably more than for clothing. A belt or hat sized only by a vague label like “M” gives the shopper no way to check fit visually the way they might with a shirt. A direct measurement guide, actual waist size in inches or head circumference in centimeters, closes that gap.

Can a size chart be too detailed?

Yes. A chart with a dozen measurement columns for a simple t-shirt overwhelms more than it helps. Include the two or three measurements that actually determine fit for that specific product type, and leave the rest out rather than padding the table for the sake of thoroughness.

How do I know if my size chart is actually working?

Track your return rate for size-related reasons before and after adding or improving the chart. If returns tagged “wrong size” don’t drop within a month or two of shoppers actually seeing the new chart, the chart’s placement, clarity, or fit notes likely need another pass.

Conclusion

Adding a size chart is one of the highest-impact improvements you can make in WooCommerce. Whether you choose a manual table or a plugin like YITH, the goal is the same: reduce uncertainty and increase buyer confidence. Start with the method that fits your store size, then optimize placement, accessibility, and clarity for better conversions.

The worked example above is a useful test: if you can’t picture a specific shopper hesitating between two sizes on your current product page, and how your chart would resolve that hesitation, the chart probably needs another look before it’s actually pulling its weight.

Start with your highest-return product, not your whole catalog. Build one properly measured, properly labeled chart with a real fit note, place it where the sizing decision happens, and watch what happens to that product’s return rate over the following month. That single data point tells you more about whether your approach is working than rolling a generic chart out across every product at once.

If you’re also selling services, custom orders, or consultations, explore Woo Sell Services to build a service-focused WooCommerce workflow.