How to add size charts to WooCommerce products

Decide whether the chart shows body measurements, garment measurements, shoe conversions or another sizing system. Label every column clearly and state the unit, such as in or cm. If customers need to measure themselves, add short instructions explaining where to measure.

Do not copy a generic chart unless it matches the actual product. A common source of returns is showing a body-size chart when the numbers describe the garment, or mixing inches and centimetres without saying which is which.

For a small catalogue, open Products > All Products and edit a product. Add the table to the product description using the editor's table block, or switch to the HTML view and enter a table. WooCommerce's product description accepts tables, HTML, images and other content.

This route is fine when only a few products need different charts. Its drawback is maintenance: you must repeat the table on every relevant product, and changing a brand's measurements means editing each copy. The chart will normally appear wherever your theme places the product description, not automatically as a popup or dedicated size-chart button.

If several products share a chart, use a size-chart extension or plugin rather than duplicating the table. Dedicated tools commonly let you create a table or upload a chart image, then display it as a product tab, popup or shortcode.

Use the manual method for a small, stable catalogue. Choose a plugin when you need one chart reused across products, categories or tags, or when customers need to open the chart without leaving the buying section.

Install and activate your chosen size-chart plugin, then open the plugin's chart management screen. Create a chart title, add any explanatory text, choose a table or image, and enter the rows and columns. Most dedicated chart tools provide controls to add or remove rows and columns.

Keep the first column for the size label and use clear headings such as chest, waist, hip, sleeve or inseam. If you sell internationally, provide a second unit or a conversion chart rather than expecting customers to convert measurements themselves.

Assign the chart to the relevant products. Depending on the tool, you may be able to target individual products, product categories, tags or other rules. Then choose whether it appears inline, in an extra product tab, as a button that opens a popup, or through a shortcode.

For apparel, put the button near the size selector or add-to-cart area. Check for overlapping global, category and product rules: an incorrect assignment can show the wrong chart, while a disabled chart or an unassigned product can make the button disappear. Support reports also commonly point to wrong category assignments and page-builder conflicts when a chart does not appear.

Open a real product page as a logged-out visitor and test the chart on a phone and desktop. Confirm that the correct chart appears, the popup or tab opens, the table can be read without clipped columns, and every measurement uses the stated unit.

Also test products that share a category or tag, products with exceptions, and products with several size systems. If you want the fast route, WPC Product Size Chart for WooCommerce is a suitable option for apparel stores because it supports reusable popup charts with product, category, tag and brand targeting. It also supports shortcode placement when the default product-page position is not suitable.