Put a bond calculator on your website

Free to embed, no account, no sign-up. One paste and your readers get a working repayment calculator running on the current South Africa prime rate — which updates on our side when the rate moves, so it can't go stale on yours.

Live preview

This is exactly what your visitors will see. Type in it.

Copy this into your page

Paste it wherever you want the calculator to appear — a WordPress “Custom HTML” block, a Webflow embed, or straight into your template.

<iframe src="https://www.rateweb.co.za/widgets/embed/bond"
        width="100%" height="430" style="border:0;max-width:520px"
        loading="lazy" title="Bond repayment calculator"></iframe>
<p style="font-size:13px">
  <a href="https://www.rateweb.co.za/calculators/bond">Bond repayment calculator</a> by Rateweb
</p>

Why there are two parts

The <iframe> is the calculator. The line underneath it is the credit, and it deliberately sits outside the frame — that is the whole arrangement, so please keep it.

It's worth being straight about why, because it isn't obvious: a link inside an iframe belongs to the framed page, not to yours. Search engines attribute it to us, not to the page it appears on. Only the line in your own HTML is a real, crawlable link. If we asked you to keep a credit that quietly did nothing, we'd be wasting a line of your markup and misdescribing the deal.

Options

Match your brand colour

Add ?accent= and a six-digit hex colour, without the #:

https://www.rateweb.co.za/widgets/embed/bond?accent=1d4ed8

Anything that isn't a plain hex colour is ignored and the default is used.

Dark mode

Nothing to configure. The widget follows the reader's system theme, so it won't sit as a white rectangle in the middle of a dark layout.

Exact height (optional)

The 430 in the snippet is a safe fixed height and works everywhere. If you'd rather it fit precisely, the widget posts its height to your page and you can listen for it:

<script>
window.addEventListener('message', function (e) {
  if (e.origin !== 'https://www.rateweb.co.za') return;
  if (!e.data || e.data.rateweb !== 'resize') return;
  document.querySelector('iframe[src*="rateweb"]').height = e.data.height;
});
</script>

The origin check matters — without it any page in any other frame could set that height.

The fine print

  • It's free, and it stays free. No usage caps, no key, no account.
  • Keep the credit link. That's the only thing we ask in return.
  • We collect nothing about your readers. No cookies, no analytics, no tracking pixel — the widget is a calculator and nothing else. We log the domains it's embedded on so we know who's using it; that's it.
  • It's an estimate. The widget calculates a standard repayment on the figures entered. It isn't a quote, and a lender's actual offer will depend on your reader's credit profile.
  • Don't misrepresent it. Please don't present the output as a bank's approved figure or as advice from us.

Want something else?

This is the first widget. If a car finance, savings or fuel calculator would suit your site better, tell us — what gets asked for is what gets built next. Building something bigger? The Rateweb API gives you the underlying rate data directly.