Free Ring Sizer Widget for Your Website

Put our on-screen ring sizer on your own website for free. Copy one line of code, paste it into your product page, blog post or size guide, and your visitors can measure a ring, bangle or bracelet without leaving your site. No account, no API key and no cookies. Jewellery shops use it to cut down on wrong-size orders and returns.

What your visitors get

• Screen calibration with a bank card, so circles show at true size on any phone, tablet or laptop.
• Ring sizes in US, UK, EU, Indian and mm, with “match a ring” and “type a measurement” methods.
• Indian bangle sizes (2.2 to 2.12) from a bangle or a hand measurement.
• Bracelet lengths from a wrist measurement.
• A light page (one small script, no frameworks) that works on mobile.

Embed code

Pick the tool you need and paste the code where it should appear. In WordPress use a “Custom HTML” block; in Shopify use a “Custom Liquid” section or the HTML view of a page; in Wix and Squarespace use an embed/code block.

Ring sizer

<iframe src="https://ringbanglesizer.com/embed/ring/" title="Ring sizer" width="100%" height="640" style="border:0;max-width:640px" loading="lazy"></iframe>

Bangle size calculator

<iframe src="https://ringbanglesizer.com/embed/bangle/" title="Bangle size calculator" width="100%" height="640" style="border:0;max-width:640px" loading="lazy"></iframe>

Bracelet size calculator

<iframe src="https://ringbanglesizer.com/embed/bracelet/" title="Bracelet size calculator" width="100%" height="460" style="border:0;max-width:640px" loading="lazy"></iframe>

Optional: auto-height

The widget reports its height, so the frame can grow and shrink with the tool. Add this once, anywhere after the iframe:

<script>window.addEventListener("message",function(e){if(e.origin!=="https://ringbanglesizer.com"||!e.data||!e.data.rbsEmbedHeight)return;document.querySelectorAll('iframe[src^="https://ringbanglesizer.com/embed/"]').forEach(function(f){if(f.contentWindow===e.source)f.style.height=e.data.rbsEmbedHeight+"px";});});</script>

Live preview

Rules for using the widget

• The widget is free for personal and commercial sites, including shops.
• Please keep the small credit line inside the widget. You are welcome, but not required, to link to us as well.
• Do not change the code that runs inside the frame or present the tool as your own.
• Sizes are estimates; the widget says so. If you sell rings, tell buyers how your own sizes run.
• We may update the tool at any time (for example to add sizes); your embed updates automatically.

Privacy

The widget runs entirely in your visitor’s browser. It sets no cookies, loads no analytics or ads, and sends nothing to our server beyond the normal requests that load the widget page and its script. The screen calibration is stored in the browser’s local storage for that visitor only, so they do not have to calibrate twice. Details are in our privacy policy.

Can’t embed?

Some platforms (for example Etsy listings and most marketplaces) do not allow iframes. In that case, link to the tool instead: ringbanglesizer.com for rings, the bangle size calculator or the printable ring sizer. Questions or a custom size range for your shop? Contact us.

Frequently asked questions

Is the ring sizer widget free?

Yes. It is free for personal and commercial websites. We only ask you to keep the small credit line inside the widget.

Does the widget work on mobile?

Yes. It is designed for phones first: visitors calibrate with a bank card and then place their ring on the screen.

Does the widget use cookies or track visitors?

No. It sets no cookies and loads no analytics. Only the screen calibration is saved in the visitor’s own browser.

Can I embed the bangle size calculator?

Yes. Use the bangle embed code on this page; it shows Indian bangle sizes 2.2 to 2.12 with mm and inches.