Додайте безкоштовний конвертер розмірів взуття

Маркування розміру та виміряна довжина стопи — різні величини. Таблиця не доводить посадку кожної моделі.

Живий перегляд

Скопіювати код

Web Component

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

iframe

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

Нотатки з упровадження для партнерів

  • Використовуйте /widget/size-guide-widget.js як поточний v1-сумісний скрипт. Атрибути brand, locale і theme не будуть видалені без нового URL.
  • Суворий CSP: дозвольте script-src https://shoesizeguide.com для Web Component і frame-src https://shoesizeguide.com для iframe.
  • Якщо CMS блокує скрипти, використовуйте iframe-сніпет. Він ізолює CSS і залишає конвертер із lazy loading.
  • Ліцензія: CC BY 4.0 з атрибуцією ShoeSizeguide.com. Не видаляйте посилання Powered by без окремої угоди.
  • JSON API: кешуйте до 24 годин і оновлюйте за last_verified, Last-Modified або ETag.

JSON API

GET https://shoesizeguide.com/api/sizes/nike.json — Розміри за джерелами. Журнал прозорості для записів брендів і моделей, що використовуються на ShoeSizeguide.com.

  • GET https://shoesizeguide.com/api/sizes/index.json
  • schema_version: 2; charts[].rows: US men, US women, UK, EU, CM/JP labels; published foot length only.
  • charts[]: source URL, locator, scope, market, verified date. Unknown values remain null; no fit probability or review aggregate.
  • last_verified; charts[].verified_date; charts[].source_url; charts[].scope.

Додати за 3 кроки

  1. Скопіюйте Web Component або iframe-сніпет.
  2. Вставте його в HTML там, де має з’явитися конвертер.
  3. Змінюйте brand, locale і theme лише якщо це потрібно сторінці.

Потрібна брендована версія?

partners@shoesizeguide.com

Віджет використовує лише публічні дані розмірів. Не збирайте профілі стопи або контакти, якщо це не пояснено у вашій політиці конфіденційності. Приватність

Install in your CMS

WordPress

WordPress: add a Custom HTML block on your sizing guide page. Paste the snippet and preview it. The JavaScript panel requires unfiltered_html permission. If your host removes scripts or iframes, ask the administrator for a supported integration. WordPress documentation

WooCommerce

WooCommerce: use the product description’s HTML / Text view or an allowed HTML block in the product template. Choose the product’s brand and men/women scope; a general chart does not establish the fit of that particular shoe. WooCommerce documentation

Shopify

Shopify: test the snippet in a copy of your theme. Use a Custom Liquid block if your theme provides one, or add the downloadable Liquid section. Preview desktop and mobile before publishing. Shopify documentation

Download the Shopify section · Open the product-page example

Check size changes, readable scope and source links, and access to the shop’s controls. The local example is available for verification; it is not proof of a real installation in these CMS platforms.

Attribution to original material is required; ranking credit is not. The included link uses rel="nofollow". Paid placements may also use sponsored. Manufacturer material retains its source rights.

<size-guide-widget brand="nike" gender="women" locale="en" theme="light"></size-guide-widget>

Use gender="women" only with a published women's or unisex chart. Missing chart scopes show unavailable. For iframes add &gender=women to the embed URL. Source documentation checked 2026-09-30.