For developers & site owners

Embed CalcRight calculators on your site

Drop a mortgage, loan, or affordability calculator into any page with a single iframe snippet. Free forever, no API keys, no tracking scripts, no account required. Works on every device and auto-adjusts height. Attribution link back to CalcRight is required.

✓ No JavaScript SDK ✓ Works offline (calculations are client-side) ✓ Light & dark themes ✓ Mobile responsive

1 Pick a calculator

Click any calculator below to preview and grab its snippet.

2 Configure

Theme and accent color are optional.

3 Copy & paste the snippet

Drop this HTML wherever you want the calculator to appear.

Parameters

  • ?theme=light|dark — matches your site's palette.
  • ?accent=blue|emerald|violet|amber|slate — primary button & result accent.
  • All calculation math runs client-side inside the iframe. No network calls, no tracking.

Auto-resize height

The embed posts its current height to the parent window on every change. Drop this small script near the iframe to resize it automatically: 

<script>
window.addEventListener('message', function (e) {
  if (e.data && e.data.type === 'calcright-embed-height') {
    var f = document.querySelector(
      'iframe[src*="/embed/"+e.data.slug+"/"]'
    );
    if (f) f.style.height = e.data.height + 'px';
  }
});
</script>

Attribution & terms

  • The "Powered by CalcRight" link inside the embed must remain visible and clickable.
  • Embeds are provided as-is; results are estimates and don't constitute financial advice.
  • We may update the embed's look & calculations over time to keep them accurate.
  • Do not wrap the iframe in a way that hides the footer or blocks the attribution link.