무료 신발 사이즈 변환기 추가

사이즈 표기와 실제 측정한 발 길이는 서로 다른 값입니다. 표만으로 모든 모델의 착용감을 입증할 수는 없습니다.

라이브 미리보기

코드 복사

Web Component

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

iframe

<iframe
  src="https://shoesizeguide.com/widget/embed/?brand=nike&locale=ko&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에서는 Web Component용 script-src https://shoesizeguide.com, iframe용 frame-src https://shoesizeguide.com 을 허용하세요.
  • CMS가 스크립트를 차단하면 iframe 스니펫을 사용하세요. CSS를 분리하고 변환기를 lazy loading 상태로 유지합니다.
  • 라이선스: ShoeSizeguide.com 표시가 필요한 CC BY 4.0입니다. 별도 계약이 없으면 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.