Put a calculator on your website

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

<iframe src="https://afrikaans.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://afrikaans.rateweb.co.za/calculators/bond">Bond repayment calculator</a> by Rateweb
</p>

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

Why every snippet has 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://afrikaans.rateweb.co.za/widgets/embed/vehicle-finance?accent=1d4ed8

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

Dark mode

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

Exact height (optional)

The heights in the snippets are safe fixed values and work everywhere. If you'd rather a widget fit precisely, it posts its height to your page and you can listen for it:

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

The origin check matters — without it any page in any other frame could set that height. e.data.widget is the slug, so one listener handles both widgets on the same page.

About the rates

The bond widget starts at the current prime rate, because home loans are quoted at or around prime.

The car finance widget does not, and shouldn't: vehicle finance is priced off prime plus a margin that depends on the buyer's credit record, the deposit and the car itself. It seeds at prime plus three points and says so on the widget, so nobody reads it as a quoted rate. Your visitors can enter the rate they've actually been offered.

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 widgets are calculators and nothing else. We log the domains they're embedded on so we know who's using them; that's it.
• They're estimates. Each 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 them. Please don't present the output as a bank's approved figure or as advice from us.

Want something else?

If a savings, personal loan 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.