Kostenlosen Schuhgrößen-Konverter einbauen

Live-Vorschau

Code kopieren

Web Component

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

iframe

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

Implementierungshinweise für Partner

• Nutze /widget/size-guide-widget.js als aktuellen v1-kompatiblen Script-Kanal. Die Attribute brand, locale und theme werden nicht ohne neue URL entfernt.
• Strenge CSP: erlaube script-src https://shoesizeguide.com für die Web Component und frame-src https://shoesizeguide.com für das iframe.
• Wenn ein CMS Scripts blockiert, nutze das iframe-Snippet. Es isoliert CSS und lädt den Konverter lazy.
• Lizenz: CC BY 4.0 mit Attribution zu ShoeSizeguide.com. Entferne den Powered by Link nur mit individueller Vereinbarung.
• JSON API: bis zu 24 Stunden cachen und über _meta.last_modified, Last-Modified oder ETag aktualisieren.

JSON API

GET https://shoesizeguide.com/api/sizes/nike.json — Quellenbasierte Größen. Transparenzlog für Marken- und Modelldaten auf 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.

In 3 Schritten einbauen

1. Kopiere das Web-Component- oder iframe-Snippet.
2. Füge es an der Stelle in den HTML-Code ein, an der der Konverter erscheinen soll.
3. Ändere brand, locale und theme nur, wenn deine Seite es braucht.