Free Calculator Widgets for Your Website
Put a working mortgage, auto loan, personal loan, compound interest or percentage calculator on your own site. Choose it below, copy the snippet, paste it in. No signup, no API key, no plugin and no JavaScript library.
Pick a calculator and a look — the preview and the code update as you choose.
Your embed code
Paste it into a Custom HTML block (WordPress), an Embed block (Squarespace, Wix, Webflow, Ghost) or straight into your page's HTML.
Live preview
This is the real widget, not a picture — try it.
How do I add a calculator to my website?
Three steps, and none of them involve installing anything. Choose the calculator you want in the builder above, press Copy code, then paste the snippet into your page wherever the calculator should appear. Because the widget is an ordinary iframe, it works in every content management system that allows an HTML or embed block — WordPress, Squarespace, Wix, Shopify, Webflow, Ghost, HubSpot, Notion sites and hand-written HTML all handle it the same way.
There is nothing to configure afterwards. The snippet carries its settings in the URL, so if you later want a dark version or a different currency you simply come back, rebuild the snippet and swap it. Nothing is stored on our side, and there is no account to manage or key to rotate.
What does the snippet actually contain?
Two things, and it is worth knowing why both are there. The first is the iframe that renders the calculator. The second is a short attribution line underneath the iframe, in your page's own HTML.
That placement is deliberate rather than decorative. Anything inside an iframe belongs to the framed document, not to your page — search engines read it as a separate document, and so do most accessibility tools and readability checkers. Keeping the credit line in your own markup is the only way it is visible to a reader who is skimming, to a screen reader moving through your page, and to a search engine building context for the section. It is one line, it is unstyled so it inherits your typography, and you can move it above the calculator if you prefer.
Will it slow my page down?
Barely. The widget is a single self-contained HTML file: the CSS and JavaScript are inline, so it makes no extra requests once the frame loads. It pulls in no web fonts, no images, no framework, no analytics and no advertising. The snippet also sets loading="lazy", so a widget placed far down a long article is not fetched until the visitor scrolls near it, and it costs nothing on first paint.
It sets no cookies and stores nothing in the visitor's browser, so it does not add a consent obligation to your site. The arithmetic runs locally inside the frame and the numbers your visitor types are never transmitted anywhere — not to us, and not to anyone else.
Fixed height or auto-height?
By default the snippet uses a fixed height chosen to fit that widget's longest result, which is the most robust option because it involves no scripting on your page at all. If you would rather the frame track its content exactly, tick the auto-height box and the snippet gains a short script that listens for the height the widget reports and applies it.
That script is written defensively: it ignores any message that did not come from calccopilot.com, checks the shape of the message before using it, and only ever sets a pixel height. The widget itself registers no message listener at all, so there is no channel for a page to push data into it. If you are unsure, leave the box unticked — the fixed height works everywhere.
Customisation reference
Every option is a plain URL parameter, so you can also hand-edit the snippet instead of using the builder.
| Parameter | Accepted values | What it does |
|---|---|---|
calc | mortgage, auto-loan, personal-loan, compound-interest, percentage | Chooses which calculator loads. An unrecognised value falls back to the mortgage widget rather than erroring. |
theme | light, dark, auto | Sets the colour scheme. auto follows the visitor's own system preference. |
cur | usd, gbp, eur, inr, cad, aud, sgd, zar | Sets the currency symbol on money fields and results. It does not convert currencies. |
Anything outside these lists is ignored and the widget falls back to its default, so a typo can never break the page it is embedded in.
Terms of use
You may use these widgets on any number of pages, on commercial sites as well as personal ones, free of charge and for as long as you like. We ask one thing in return: keep the attribution line that comes with the snippet, because word of mouth is how a small independent site gets found.
Nothing in the widget checks whether the credit is present, and it will keep working if you remove it — we would simply rather you didn't. If your editorial policy requires outbound links to be marked, tick the nofollow box in the builder instead of deleting the line; the credit still reads the same to a human. Please don't modify the widget to misrepresent where the numbers come from, and remember that the calculators are estimates for general guidance, not financial advice.
Also useful: the full Mortgage Calculator adds property tax, insurance, PMI, extra payments and a full amortisation schedule, and the Compound Interest Calculator adds withdrawals, contribution growth and an effective-APY breakdown.
Frequently asked questions
Is the calculator widget really free?
Yes. There is no signup, no API key, no usage limit and no charge. We ask that you keep the small attribution line that comes with the snippet, which is how people discover the tools.
Do I need to install a plugin or JavaScript library?
No. The widget is a plain iframe, so it works in WordPress, Squarespace, Wix, Shopify, Webflow, Ghost, plain HTML and any content management system that lets you paste an HTML or embed block.
Does the widget slow my page down?
Very little. The widget is a single self-contained HTML file with inline CSS and JavaScript, loads no fonts, images, frameworks or trackers, and the snippet sets loading="lazy" so it only loads when the visitor scrolls near it.
Does the widget track my visitors or set cookies?
No. The widget sets no cookies, uses no analytics and stores nothing in the browser. It runs the calculation locally in the iframe and never sends the numbers anywhere.
How do I stop the iframe from cutting off the result?
The default snippet uses a fixed height that fits the result for every widget. If you would rather it resize itself, add the optional five-line auto-height script shown on this page, which listens for the height the widget reports.
Can I change the colours, currency or language of the widget?
You can switch between a light and dark theme, match the visitor's system theme, and pick from eight currency symbols including the dollar, pound, euro and rupee. The widget interface is English only at the moment.
Am I allowed to remove the attribution link?
We ask you to keep it, and the widget works either way because nothing checks for it. If your site policy requires outbound links to be marked, add rel="nofollow" to the attribution link rather than deleting it.
Will the widget give the same answer as the full calculator?
Yes. Each widget runs the same payment and compounding formulas as the full page it links to, so the headline figure matches. The full page adds extras the compact widget leaves out, such as tax and insurance, extra payments and a full amortisation schedule.
Related tools
- Mortgage Calculator — the full version, with tax, insurance, PMI and an amortisation schedule.
- Auto Loan Calculator — trade-in, sales tax and fees included.
- Personal Loan Calculator — APR, fees and total cost of borrowing.
- Compound Interest Calculator — deposits, withdrawals and effective APY.
- Percentage Calculator — percent of, percent change and percentage share.