Size Converter Widget
Embed our size converter on your e-commerce site
Inline Widget
Embed directly in your product page
<!-- Add this where you want the widget -->
<div id="sizeguide-widget" class="sizeguide-widget-inline"></div>
<!-- Add before closing </body> tag -->
<script src="https://sizeguide.app/widget.js"></script>
<script>
SizeGuideWidget.init({
containerId: 'sizeguide-widget',
type: 'inline',
gender: 'womens', // 'mens' or 'womens'
theme: 'light' // 'light' or 'dark'
});
</script>Modal Widget
Opens in a modal when users click "Size Guide" button
<!-- Add button in your product page -->
<button class="sizeguide-trigger">View Size Guide</button>
<!-- Add before closing </body> tag -->
<script src="https://sizeguide.app/widget.js"></script>
<script>
SizeGuideWidget.init({
type: 'modal',
trigger: '.sizeguide-trigger',
gender: 'womens',
theme: 'light'
});
</script>Use Our API
Build your own custom widget using our RESTful API
// Convert shoe size
fetch('https://sizeguide.app/api/v1/shoe-sizes/convert?size=8&from=us&to=all&gender=womens')
.then(res => res.json())
.then(data => console.log(data));
// Response:
{
"success": true,
"input": { "size": "8", "system": "US", "gender": "womens" },
"conversions": {
"us": "8",
"uk": "5.5",
"eu": "38.5",
"japan": "24.5",
"china": "38.5"
},
"measurements": { "inches": "9.1875", "cm": "23.3" }
}Why Add Our Widget?
Reduce Returns
Help customers find the right size, reducing costly returns
Increase Conversions
Size confidence leads to more purchases
International Sales
Support customers worldwide with 50+ size systems
Easy Integration
Just 3 lines of code to get started
100% Free to Use
No registration, no API keys, no limits. Just embed and go!