Embed a Beautiful Calculator
on your Website
Generate the financial calculator HTML embed code instantly. Perfect for real estate agents, financial advisors, and bloggers. No signup required.
Copy and paste this code into your website's HTML builder (WordPress, Webflow, Squarespace, etc). The widget will automatically resize to fit its contents.
<!-- LoonieFi Widget -->
<iframe
id="looniefi-widget-mortgage"
src="https://looniefi.com/embed/mortgage/"
style="width: 1px; min-width: 100%; border: none;"
scrolling="no"
></iframe>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.9/iframeResizer.min.js"></script>
<script>iFrameResize({ log: false }, '#looniefi-widget-mortgage')</script>
<div style="text-align: center; font-size: 11px; margin-top: 8px; font-family: sans-serif;">
<a href="https://looniefi.ca" target="_blank" style="color: #6366f1; text-decoration: none;">Powered by LoonieFi Calculators</a>
</div>
<!-- End LoonieFi Widget -->Free Forever
These widgets are completely free to use. They include no tracking cookies and load instantly. A small "Powered by LoonieFi" watermark supports our platform.
Live Preview
Why Embed a Real Estate Calculator?
Adding a high-quality financial calculator to your website is one of the easiest ways to improve your SEO and lead generation. By providing an interactive tool, you increase your visitors' dwell time (how long they stay on your page), which sends a massive positive signal to Google.
Lead Generation
Clients can visualize their finances directly on your domain instead of bouncing to a competitor's site or a major bank.
App-Like Experience
Our widget uses premium, app-like UI that makes your brand look highly professional and technically sophisticated.
How to Add a Mortgage Calculator to Your Website
Our calculator widget is compatible with virtually every major website builder. Because it uses a secure asynchronous iframe, it won't slow down your site or cause Core Web Vitals penalties.
Adding to WordPress
- Configure your calculator using the tool above and click "Copy Embed Code".
- Open your WordPress page or post in the block editor.
- Add a new "Custom HTML" block where you want the calculator to appear.
- Paste the code and click Update. The calculator will automatically resize itself!
Adding to Squarespace or Webflow
- In Squarespace, add a "Code Block". In Webflow, add an "Embed" element.
- Ensure the block is not restricted by iframe security settings (this is usually default).
- Paste the provided HTML code and publish your site.
Frequently Asked Questions
Is this real estate calculator widget really free? ↓
Yes! We provide the Canadian mortgage calculator widget entirely for free. Unlike other providers, we don't restrict your page views, force your users to sign up, or slow down your site with heavy third-party tracking scripts.
Does the widget work on mobile phones? ↓
Yes, the embed code is 100% responsive. Whether your client is viewing your website on a large desktop monitor or a small iPhone, the widget will perfectly adapt to their screen size, offering a premium experience without horizontal scrolling.
Will it give my website ugly double scrollbars? ↓
No. Our embed code includes a lightweight, secure resize script (iframe-resizer) that dynamically adjusts the height of the widget to perfectly match its content. This ensures a seamless, native feel without nested scrolling.