Добавьте бесплатный конвертер размеров обуви

Живой предпросмотр

Скопировать код

Web Component

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

iframe

<iframe
  src="https://shoesizeguide.com/widget/embed/?brand=nike&locale=ru&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-loaded.
• Лицензия: CC BY 4.0 с атрибуцией ShoeSizeguide.com. Не удаляйте ссылку Powered by без отдельного соглашения.
• JSON API: кешируйте до 24 часов и обновляйте по _meta.last_modified, Last-Modified или ETag.

JSON API

GET https://shoesizeguide.com/api/sizes/nike.json — Размеры по источникам. Журнал прозрачности для записей брендов и моделей, используемых на 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.

Добавить за 3 шага

1. Скопируйте Web Component или iframe-сниппет.
2. Вставьте его в HTML там, где должен появиться конвертер.
3. Меняйте brand, locale и theme только если это нужно странице.