Add a free size converter to Shopify

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 your shop sells and the direction your customers convert in. A shoe shop selling to the US from Europe wants shoe, EU to US women's. Copy the snippet.
2. Open the theme editor. In your Shopify admin, open Online Store, then Themes, then Customize on your live theme. Navigate to the template where the converter should appear, usually the product template or a dedicated size guide page.
3. Add a Custom Liquid section. Add a section or block of the Custom Liquid type at the position you want. Custom Liquid accepts plain HTML, so no conversion is needed.
4. Paste and save. Paste the iframe snippet into the Custom Liquid field and save. The widget appears immediately, because it is a static file on a CDN with nothing to install.
5. Check it on a phone. View the page on a narrow screen. If the iframe is wider than the column it sits in, set the width to Full width in the configurator and copy the snippet again.

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

If your theme wraps sections in a fixed-width container, an iframe set to 420 pixels can overflow on a phone. The snippet already carries max-width:100%, which handles most themes, but the Full width option in the configurator is the reliable fix.

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.