Size Charts for WooCommerce
Size charts on product pages as a pop-up or a tab, built in a table editor, assigned by category or product, with a cm/inch switch.
- Block cart and checkout
- Classic cart and checkout
- High-performance order storage
- WooCommerce 9 – 11
- WordPress 6.6 – 7.1
- PHP 7.4+
Size Charts
- Table editor with images and notes
- Pop-up or product tab
- Assign by category or product
- cm and inch switch
What Size Charts does
Fewer returns start with a clear size chart. Build one in a simple table editor, or paste it straight from a spreadsheet, assign it to the categories or products it fits, and it appears on every matching product page as a "Size chart" button that opens a pop-up, as a product tab, or both.
Size Charts features
Charts
- A table editor with rows, columns, a header row and a size column; press Enter to move down like a spreadsheet
- Paste cells from Excel or Google Sheets to fill the table in one go
- Measurements in centimetres or inches, with a switch for customers that converts every number and range
- An optional image, for example a drawing that shows where to measure, and a note under the table
- As many charts as you need, each with its own name
Where they show
- Assign a chart to categories, and sub-categories follow; or to chosen products, which win over categories
- A product can pick any chart, or none, on its own edit screen
- A button that opens a pop-up, placed above or below the add-to-cart form, after the price or after the product meta; or a product tab; or both
- Works with block themes and classic themes
- The
[size_chart]shortcode shows the current product's chart anywhere, and[size_chart id="12"]shows a chosen chart on any page
How to set up Size Charts in WooCommerce
- 1
Upload the plugin to
/wp-content/plugins/or install the zip from Plugins > Add New > Upload Plugin. - 2
Activate it.
- 3
Go to Products > Size charts, add a chart, fill the table and choose the categories or products it belongs to.
- 4
Change the button text, position and display style under WooCommerce > Settings > Size charts.
Questions about Size Charts
Which chart does a product get?
The chart the product picks on its edit screen; otherwise a chart that lists the product; otherwise a chart that lists one of its categories. "No size chart" on a product hides every chart there.
How does the unit switch work?
Choose the unit you typed the measurements in. Customers then see cm and inches buttons, and every number in the table, including ranges such as "91-96", is converted and rounded to one decimal.
Can I show a chart somewhere other than the product page?
Yes, with the shortcode [size_chart id="12"] on any page or post. The id is in the address bar when you edit the chart.
What happens to my data if I delete the plugin?
Nothing is removed unless "Remove data on uninstall" is ticked, in which case the charts and settings are deleted.
Size Charts changelog
- 1.0.0
- Initial release.
More product pages plugins
Product Add-Ons
Extra options on products: text, dropdowns, checkboxes, file uploads and more, each with its own price.
View plugin
Back in Stock
Turn "Out of stock" into sales. Customers leave their email on sold-out products and variations and are emailed automatically when stock returns.
View plugin
Frequently Bought Together
Suggest products that go together on the product page, with one click to add them all and an optional bundle discount, from your picks or from real orders.
View plugin