Add a free size converter to WooCommerce

Why put one on a product page

Size uncertainty is the reason a full basket becomes an abandoned one, and a wrong size is the reason a sale becomes a return. A converter answers the question on the page where it gets asked, instead of sending the customer to a search engine and hoping they come back.

The steps

1. Configure the widget. On the embed page, choose the category and direction that match your catalogue, then copy the snippet.
2. Open the page or product. In WordPress, open the page, post or product description where the converter belongs. A dedicated size guide page tends to earn its own search traffic, which a tab on a product page does not.
3. Add a Custom HTML block. Add a block and choose Custom HTML. Do not use a paragraph block: the editor will escape the iframe and you will see the code rather than the widget.
4. Paste, preview and publish. Paste the snippet, use Preview to confirm the widget renders, then publish. The block editor shows raw code in the editor view and the live widget in preview, which is expected.

The snippet

This is a shoe converter starting from EU sizes. Use the configurator to change the category, the direction, the theme and the width before you copy.

The thing that usually goes wrong

Some security plugins strip iframes from post content for non-administrator authors. If the widget disappears after saving, that is what happened, and the fix is an allowlist entry for mysizecharts.com rather than a change to the snippet.

What it costs you

Nothing, and that is not a trial. The widget is a static file: no external font, no analytics, no third-party script and never an affiliate link, so it cannot slow your store down or track your customers. It carries a small "Sizes by MySizeCharts" link, which we ask you to keep, since that link is what pays for the charts staying free and neutral. If you would rather not show it, get in touch and we will work something out.