Add a Free Shoe Size Converter to Your Website

Live preview

Copy the code

Web Component

<script src="https://shoesizeguide.com/widget/size-guide-widget.js"></script>
<size-guide-widget brand="nike" locale="en-gb" theme="light"></size-guide-widget>

iframe

<iframe
  src="https://shoesizeguide.com/widget/embed/?brand=nike&locale=en-gb&theme=light"
  title="Shoe size converter by ShoeSizeguide.com"
  width="420"
  height="640"
  style="border:0;max-width:100%"
  loading="lazy">
</iframe>

Implementation notes for partners

• Use /widget/size-guide-widget.js as the current v1-compatible script. The brand, locale and theme attributes will not be removed without a new URL.
• Strict CSP: allow script-src https://shoesizeguide.com for the Web Component and frame-src https://shoesizeguide.com for the iframe.
• If a CMS blocks scripts, use the iframe snippet. It isolates CSS and keeps the converter lazy-loaded.
• License: CC BY 4.0 with attribution to ShoeSizeguide.com. Do not remove the Powered by link unless a custom agreement says so.
• JSON API: cache for up to 24 hours and refresh from _meta.last_modified, Last-Modified or ETag.

JSON API

GET https://shoesizeguide.com/api/sizes/nike.json — Source-backed sizing. Transparency log for the brand and model records used across ShoeSizeguide.com.

• records[].sizes: US men, US women, UK, EU, CM.
• records[].provenance: source type, capture date, sample size.
• _meta: last modified date, license and docs URL.

Add it in 3 steps

1. Copy the Web Component or iframe snippet.
2. Paste it into the HTML where the converter should appear.
3. Change brand, locale and theme only if your page needs it.