Put the APR calculator on your site
A free, self-contained APR calculator you can drop into any page. It follows your visitor’s colour scheme, resizes itself, and needs no account.
The snippet
Paste this where the calculator should appear. Nothing else to install.
<iframe src="https://apr.net/embed/apr-calculator/" title="APR calculator" width="100%" height="620" style="border:0;max-width:680px" loading="lazy"></iframe>
<script>
window.addEventListener('message', function (e) {
if (e.origin !== 'https://apr.net' || !e.data || e.data.aprNet !== 'height') return;
var frame = document.querySelector('iframe[src^="https://apr.net/embed/"]');
if (frame) frame.style.height = e.data.height + 'px';
});
</script>Options
| Add to the URL | What it does |
|---|---|
| ?theme=light | Force the light theme |
| ?theme=dark | Force the dark theme |
| (nothing) | Follow the visitor’s system setting |
Live preview
This is the embed itself, running in an iframe exactly as it would on your page.
Terms, briefly
Free to use on any site, commercial or not. No account, no key, no tracking script — the embed sets no cookies and collects nothing about your visitors.
Please keep the attribution link visible. That link is the only thing we ask in return, and it is what pays for keeping the calculator maintained.
The maths is the actuarial method of Appendix J to Regulation Z — the same code that runs on our own calculator, so the numbers your readers see match the numbers we publish. Its limits are stated there too: fixed rates, equal monthly payments, regular first period.
If the height looks wrong
The embed reports its height to the parent page, and the snippet above listens for that message. If you drop the script and keep only the iframe, set a fixed height of about 620px — the calculator fits within that at most widths.
Questions
Write to corrections@apr.net if something breaks or renders oddly on your site.