Far Better Off
builds the iframe, the auto-resizing and the credit line for you, so there's no height to choose and nothing to keep intact. Theme, width and starting numbers are data- attributes; the embed builder writes the whole line for you."}},{"@type":"Question","name":"Can I just paste the link instead of copying code?","acceptedAnswer":{"@type":"Answer","text":"Yes, and every calculator page — plus the live-data pages like https://farbetteroff.com/rates — advertises the endpoint (https://farbetteroff.com/api/oembed), so any tool that runs oEmbed discovery finds it without us being on anyone's list. What you get back is the platform's decision, and the three biggest each do something different. WordPress, for a provider that isn't on its own list, keeps the iframe and throws the rest away: the widget stands at its measured height rather than resizing, with no credit line — the free plugin registers Far Better Off as a provider, which is what keeps both. Discourse shows a link preview until an admin adds https://farbetteroff.com/embed/ to the allowed_iframes setting; after that it's the widget, credit line included. Ghost 6.34 and later renders a bookmark card for any provider it doesn't already know, so paste the iframe or the one-line script into an HTML card there instead."}},{"@type":"Question","name":"Will it fit a narrow sidebar?","acceptedAnswer":{"@type":"Answer","text":"Yes. The compact layout keeps the answer and the sliders — no chart, comparison, schedule or share row — and puts the answer on top, so it works in a column around 360px wide. Pick Compact in the embed builder, or add data-layout=\"compact\" to the one-line script yourself."}},{"@type":"Question","name":"Will it slow down my page?","acceptedAnswer":{"@type":"Answer","text":"The widget loads lazily, only when a reader scrolls to it, and it carries no ad scripts. It also resizes itself to fit the calculator, so there are no inner scrollbars."}},{"@type":"Question","name":"Are there ads or cookies inside the widget?","acceptedAnswer":{"@type":"Answer","text":"No ads. The calculator itself sets no cookies; we count anonymous usage with cookieless analytics so we know which calculators people use."}},{"@type":"Question","name":"Can I set the starting numbers?","acceptedAnswer":{"@type":"Answer","text":"Yes. The embed builder has a \"starting numbers\" step: set any of the calculator's values and they come baked into your snippet. Readers can still change every one of them. Left alone, the calculator opens on its own defaults, and the mortgage calculator starts at the current average 30-year rate."}},{"@type":"Question","name":"Can it match my site's dark mode?","acceptedAnswer":{"@type":"Answer","text":"Yes. The embed builder lets you pin the widget to light or dark whatever the reader's device says, or leave it on auto so it follows each reader's own setting."}}]}

Free financial calculator widgets for your website

Give your readers a real calculator, not a link away. Copy one snippet, paste it into your page, done. No account, no application, no ads inside the calculator.

  1. Step 1

    Pick a calculator

    Any of the 27 below: mortgage, retirement, debt payoff, budget and more.

  2. Step 2

    Copy the code

    The embed builder sets the theme, layout, width and starting numbers, with a live preview.

  3. Step 3

    Paste it in

    Into any HTML block. It fits your column and resizes itself to the calculator.

Build your snippet in about thirty seconds

Pick the calculator, pin it to light or dark, choose the full widget or the compact sidebar version, set the width and the starting numbers, and watch a live preview as you go.

Open the embed builder →

Rather read the reference? The embed docs cover every option: sizing and the auto-height message, theming, the starting value for every field on all 27 calculators, and exactly what the widget stores.

Live demo: the mortgage calculator widget

This is exactly what your readers see. Drag a slider.

Embed this calculator

Free to use on your own site. Paste this where you want it to appear:

<iframe id="fbo-mortgage-calculator" src="https://farbetteroff.com/embed/mortgage-calculator" title="Mortgage Calculator by Far Better Off" width="100%" height="2600" frameborder="0" style="border:0;max-width:600px;width:100%" loading="lazy"></iframe>
<script>window.addEventListener("message",function(e){if(e&&e.data&&e.data.type==="cw-embed-height"&&e.data.slug==="mortgage-calculator"){var f=document.getElementById("fbo-mortgage-calculator");if(f){f.style.height=e.data.height+"px"}}});</script>
<p style="font:13px/1.4 system-ui,sans-serif;text-align:center;margin:6px 0">Powered by <a href="https://farbetteroff.com/calculators/mortgage-calculator" target="_blank" rel="noopener">Far Better Off</a></p>

The little “Powered by Far Better Off” link keeps it free. Thanks for the credit!

Need a dark theme, a compact version for a sidebar, a different width or your own starting numbers? Customize it in the embed builder →

Or set them by hand — every field on Mortgage Calculator, with the name to use and the values it takes: Starting-values reference →

On WordPress? One line instead of three.

With the free Far Better Off plugin installed, this shortcode is the same widget — and nothing for your editor or theme to strip:

[calcwise slug="mortgage-calculator"]

Download the plugin → Free, no account, and it adds a Far Better Off block too.

Four ways to put one on your page

Same widget, same terms, whichever suits your site. All three are free and need no account.

1. Paste the iframe

The code above. Works with JavaScript switched off, and the credit link sits in your own HTML. Keep the small script line with it so the calculator never gets an inner scrollbar.

2. One line of script

Drops in the iframe, the resizing and the credit for you — nothing to keep intact, no height to guess, and several calculators can share a page without resizing each other. Every setting from the builder has a data- attribute.

<script src="https://farbetteroff.com/embed.js" data-calculator="mortgage-calculator" data-title="Mortgage Calculator" data-theme="dark" data-height="2600" data-home-price="525000"></script>

3. Just paste the link (oEmbed)

Put the calculator's own URL — or https://farbetteroff.com/rates, which resolves the same way — on a line of its own and a platform that runs oEmbed discovery resolves it with nothing copied. The endpoint is https://farbetteroff.com/api/oembed?url=… and every one of those pages advertises it. What arrives is the platform's call, so it's worth knowing before you paste: WordPress gives you the widget at a fixed height, without the credit line (the plugin below keeps both); Discourse gives you a link preview until an admin adds https://farbetteroff.com/embed/ to allowed_iframes, and the widget after that; Ghost 6.34 and later gives you a bookmark card, so use the iframe or script in an HTML card there instead.

4. The WordPress plugin

A free plugin that adds a Far Better Off block with a dropdown of all 27, a [calcwise] shortcode for the classic editor and page builders, and pasted-link support — no snippet to keep intact and no height to guess. It sets no cookies, adds nothing to your database, and loads nothing on pages without a calculator.

Download the WordPress plugin →

All 27 calculators you can embed

Home & Mortgage

Income & Taxes

Loans & Debt

Saving & Investing

Not a calculator: live data widgets

Same iframe, same terms, no signup. These carry numbers rather than a form, and they update themselves on your page.

  • Today's rates

    Get the code →

    The nine national average rates from /rates — mortgages, the Fed funds target, savings and CD yields, the 10-year Treasury and the Fed's card, car and personal loan averages — each with its latest reading date. Refreshes itself every six hours.

    Or pick a theme, a width and the one-line form in the embed builder.

    Same table, fewer rows — one live feed, one paste, cut for one kind of page:

    • Mortgage rates (3 of 9 rows)

      Get the code →

      The three rows a mortgage page actually wants: the 30-year and 15-year fixed national averages and the 10-year Treasury yield they track, each with its own reading date. The same live Federal Reserve feed as the full rates table, refreshed every six hours.

    • Savings & CD rates (3 of 9 rows)

      Get the code →

      The three rows a savings page actually wants: the national average savings APY, the average 12-month CD, and the Fed funds target they both follow, each with its own reading date. The same live Federal Reserve feed as the full rates table, refreshed every six hours.

  • Money numbers

    Get the code →

    The ten most-quoted figures from /money-numbers — 401(k), IRA and HSA limits with their catch-ups, the single and joint standard deduction, and the Social Security wage base and COLA — each with the note the page prints beside it. Updated when the IRS and SSA publish new ones.

    Or pick a theme, a width and the one-line form in the embed builder.

How it compares

Other calculator sites offer widgets too, and some have far bigger catalogs overall. Here's how the terms differ for personal-finance embeds, as checked in September 2026.

Far Better OffOmni CalculatorCalculator.netPaycheckCity
CostFreeFreeFreePaid, through sales
Sign-up or approvalNoneApplication and approvalNoneSales process
Personal-finance widgets27Per application1 (mortgage)Payroll and paycheck
Credit asked forOne small text linkLogo, "Powered by" text and a keyword backlinkNot statedPrivate label
WidthFits your columnFixed 400px——

Building something instead of embedding?

The same math is available as a free JSON API — no key, no signup, CORS open, responses cacheable. Useful if you want your own interface around the numbers rather than our calculator in a frame. Read the API docs →

Questions site owners ask

Is it really free?

Yes. There's no plan, no account and no usage limit. We just ask that you keep the small "Powered by Far Better Off" text link that comes with the code.

Do I need to sign up or get approved?

No. Copy the snippet from any calculator page and paste it into your site. Nothing to register, nothing to wait for.

Will it work on WordPress, Squarespace or Wix?

It's a standard iframe, so it works anywhere you can paste HTML: a Custom HTML block in WordPress, a Code block in Squarespace, an Embed code element in Wix, and the same idea in Webflow, Ghost or plain HTML. On WordPress there's also a free plugin, which adds a Far Better Off block and a [calcwise] shortcode so there's no snippet to keep intact.

Is there a one-line version instead of the iframe?

Yes. A single <script src="https://farbetteroff.com/embed.js" data-calculator="mortgage-calculator"></script> builds the iframe, the auto-resizing and the credit line for you, so there's no height to choose and nothing to keep intact. Theme, width and starting numbers are data- attributes; the embed builder writes the whole line for you.

Can I just paste the link instead of copying code?

Yes, and every calculator page — plus the live-data pages like https://farbetteroff.com/rates — advertises the endpoint (https://farbetteroff.com/api/oembed), so any tool that runs oEmbed discovery finds it without us being on anyone's list. What you get back is the platform's decision, and the three biggest each do something different. WordPress, for a provider that isn't on its own list, keeps the iframe and throws the rest away: the widget stands at its measured height rather than resizing, with no credit line — the free plugin registers Far Better Off as a provider, which is what keeps both. Discourse shows a link preview until an admin adds https://farbetteroff.com/embed/ to the allowed_iframes setting; after that it's the widget, credit line included. Ghost 6.34 and later renders a bookmark card for any provider it doesn't already know, so paste the iframe or the one-line script into an HTML card there instead.

Will it fit a narrow sidebar?

Yes. The compact layout keeps the answer and the sliders — no chart, comparison, schedule or share row — and puts the answer on top, so it works in a column around 360px wide. Pick Compact in the embed builder, or add data-layout="compact" to the one-line script yourself.

Will it slow down my page?

The widget loads lazily, only when a reader scrolls to it, and it carries no ad scripts. It also resizes itself to fit the calculator, so there are no inner scrollbars.

Are there ads or cookies inside the widget?

No ads. The calculator itself sets no cookies; we count anonymous usage with cookieless analytics so we know which calculators people use.

Can I set the starting numbers?

Yes. The embed builder has a "starting numbers" step: set any of the calculator's values and they come baked into your snippet. Readers can still change every one of them. Left alone, the calculator opens on its own defaults, and the mortgage calculator starts at the current average 30-year rate.

Can it match my site's dark mode?

Yes. The embed builder lets you pin the widget to light or dark whatever the reader's device says, or leave it on auto so it follows each reader's own setting.

Questions or a special request? Email hellofarbetteroff@gmail.com.