Embed a MoneyKit calculator on your site

The snippet

<div data-moneykit-embed="emi-calculator" style="max-width: 820px"></div>
<script src="https://moneykit.in/embed.js" async></script>

Replace emi-calculator with any available slug from the list below. The script (2 KB) auto-mounts the iframe and handles resize events — you don’t need to specify a height.

Available calculators

All 12 MoneyKit calculators are embeddable with the same snippet. Swap the data-moneykit-embed slug to switch calculators.

• emi-calculator — EMI Calculator (Home / Car / Personal Loan EMI) preview →
• income-tax-calculator — Income Tax Calculator (Old vs New regime FY 2026-27) preview →
• sip-calculator — SIP Calculator (Mutual fund SIP projections) preview →
• ppf-calculator — PPF Calculator (Quarterly-rate compounding) preview →
• gst-calculator — GST Calculator (Forward / reverse, all slabs) preview →
• fd-calculator — FD & RD Calculator (SBI / HDFC / ICICI formulas) preview →
• home-loan-calculator — Home Loan Calculator (EMI + stamp duty + tax) preview →
• capital-gains-calculator — Capital Gains Calculator (STCG / LTCG by asset) preview →
• crypto-tax-calculator — Crypto Tax Calculator (Section 115BBH + 1% TDS) preview →
• salary-calculator — Salary Calculator (CTC → in-hand + HRA) preview →
• retirement-calculator — Retirement / FIRE Calculator (Corpus gap + SIP needed) preview →
• currency-converter — Currency Converter (INR ↔ 10 majors + LRS TCS) preview →

Pre-filled inputs via query params

Add data-moneykit-params to pre-populate form values. The param syntax matches the main calculator URL:

<div
  data-moneykit-embed="emi-calculator"
  data-moneykit-params="p=5000000&r=8.5&t=20"
  style="max-width: 820px"
></div>

For param names per calculator, open any main page with inputs filled in and copy the share-link URL — the query string is identical.

How resizing works

The iframe posts {type: 'moneykit:resize', height: <px>} messages whenever its body size changes. Our script listens and adjusts iframe.style.height. You never see a scroll bar inside the embed.

Branding & terms

• Each embed carries a subtle “Powered by MoneyKit” header + footer link back to moneykit.in. This link must remain visible.
• You may style the host <div> freely (width, margin, border). Don’t attempt to hide the MoneyKit branding inside the iframe via CSS overrides orpointer-events: none tricks.
• The embed is free for personal + editorial + commercial use. For high-traffic embeds (> 100K monthly impressions), drop us a note via /contact — we’ll keep serving you but it helps us plan.
• You may not re-host the embed script on your own CDN — always link back to https://moneykit.in/embed.js so you auto-receive bug fixes and calculator updates.

Troubleshooting

• Iframe shows with scroll bar: your host page may be blocking postMessage events via a Content- Security-Policy. Allow https://moneykit.in as a frame-src.
• Embed doesn’t mount: confirm the target div has data-moneykit-embed and the script src points at https://moneykit.in/embed.js. Browser console will show mount errors.
• CSS conflicts with host: the iframe isolates our styles from yours. If you’re seeing conflicts, you’re likely loading the embed page content directly (not via iframe) — use the snippet above instead of fetch.

Privacy

The embedded calculator follows the same privacy policy as the main site: all math runs in the user’s browser; no form data is stored or transmitted. See privacy policy for the full statement.