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

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

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

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 годин і оновлюйте за _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 лише якщо це потрібно сторінці.