Free widget · No signup · General

Embed Mortgage Affordability Calculator 2026: Your Limit on any website

Copy one snippet. Paste into any site. Instant, mobile-responsive calculator cited to federal sources — the same formula powering calcfi.app.

Cited to federal sourcesMobile responsiveLoads in <1sNo JavaScript conflicts

Live preview

your-site.com/mortgage-affordability

Previewing at 720px — iframe auto-scales to 100% of your container.

Copy this code

embed.html
<div style="max-width:100%;margin:0 auto;">
  <iframe src="https://calcfi.app/embed/mortgage-affordability?iframe=1" width="100%" height="640" frameborder="0" title="Mortgage Affordability Calculator 2026: Your Limit by CalcFi" style="border:0;border-radius:12px;" loading="lazy"></iframe>
  <p style="font:12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-align:center;margin:10px 0 0;color:#64748b;">Free <a href="https://calcfi.app/calculators/mortgage-affordability" target="_blank" rel="noopener" style="color:#10b981;text-decoration:none;font-weight:500;">Mortgage Affordability Calculator 2026: Your Limit (Free)</a> by <a href="https://calcfi.app" target="_blank" rel="noopener" style="color:#10b981;text-decoration:none;font-weight:500;">CalcFi</a> — federal-source data</p>
</div>
Tips
  • Size: change height="640" to fit your layout. Iframe is 100% width by default.
  • Attribution: please keep the link below the iframe — it's how CalcFi stays free.
  • WordPress / Webflow / Framer: paste into any HTML/embed block. Works on every major CMS.
Open the full calculator