Embed

Drop any calculator onto your own site

Every one of the 3,602 live The Online Calculator 24 engines has a chrome-less embed mode. Paste one <iframe> tag and the full calculator — live results, chart and worked steps — runs on your page. No API key, no ads, fully responsive, and it keeps a small attribution link.

ResponsiveNo adsOne <iframe>Frames anywhere

Quick start

Append ?embed=1 to any calculator URL and wrap it in an <iframe>. Every calculator page also has an “Embed this calculator” panel that generates this exact tag for you. A slug is the last segment of a calculator URL, or browse /llms.txt.

HTML

<iframe
  src="https://tools.calculators24.com/finance-banking/loans-mortgages/mortgage-calculator?embed=1"
  width="100%" height="640"
  style="border:0" loading="lazy"
  title="Mortgage Payment Calculator"></iframe>

What’s included

Included

The working calculator and its inputs
Live results, chart and full breakdown table
The step-by-step working
A compact title and a “Powered by” attribution link
Light & dark theme, matched to the visitor

Excluded

Site header, footer and navigation
Advertising and the cookie-consent bar
The long-form guide and related-tool links
Service worker, analytics and pageview tracking
Search indexing — the embed is noindex and canonical-points at the real page

Because it is noindex, nofollow and its canonical points back to the calculator on this site, an embed never competes with your own pages in search.

Sizing & responsive

Property	Recommended	Notes
`width`	`100%`	Fills its container; the tool reflows down to phone widths.
`height`	`640` px	Minimum 360. Taller tools (long step lists) may want 720–800.
`border`	`0`	Set `style="border:0"` for a clean flush look.
`loading`	`lazy`	Keeps the iframe off the critical path until it scrolls into view.

Responsive wrapper (HTML + CSS)

<div style="position:relative;width:100%;height:640px">
  <iframe src="https://tools.calculators24.com/finance-banking/loans-mortgages/mortgage-calculator?embed=1"
    style="position:absolute;inset:0;width:100%;height:100%;border:0"
    loading="lazy" title="Mortgage Payment Calculator"></iframe>
</div>

Build your embed

Every calculator page has an Embed panel that generates this tag live, sized to that tool. The interactive builder below runs in the browser — type a slug, pick a size, and copy the <iframe>.

Open a calculator to embed

iframe snippet

<iframe
  src="https://tools.calculators24.com/finance-banking/loans-mortgages/mortgage-calculator?embed=1"
  width="100%" height="640"
  style="border:0" loading="lazy"
  title="Mortgage Payment Calculator"></iframe>

Attribution & CSP

The embed keeps a small “Powered by The Online Calculator 24” link back to the calculator — please leave it in place. No X-Frame-Options or frame-ancestors header is sent, so it frames on any origin. If your own site sets a Content-Security-Policy, allow this origin in frame-src (and script-src/style-src if you lock those down).

Terms

Embedding is free for reasonable use. Results are estimates provided with no warranty and do not replace professional advice. Do not remove the attribution link, and do not present an embedded tool as your own or imply endorsement.