Embed the mortgage calculator
Drop a fully-interactive mortgage calculator into any listing page, agent site, or blog post. Configure the defaults per property, and the widget auto-resizes to fit its container.
1. Configure defaults
These become the widget's starting values. Visitors can still edit them.
2. Live preview
3. Copy the embed code
Simple iframe
<iframe src="https://your-ledger-site.com/embed/mortgage?price=450000&down=45000&rate=6.75&term=30&tax=5400&ins=1500&hoa=0" style="width:100%;border:0;min-height:640px" loading="lazy" title="Mortgage calculator" ></iframe>
Auto-resizing (recommended)
Adds a tiny listener so the iframe grows/shrinks with the content.
<iframe id="ledger-mortgage" src="https://your-ledger-site.com/embed/mortgage?price=450000&down=45000&rate=6.75&term=30&tax=5400&ins=1500&hoa=0"
style="width:100%;border:0;min-height:640px" loading="lazy"
title="Mortgage calculator"></iframe>
<script>
window.addEventListener("message", function (e) {
if (e.data && e.data.type === "ledger:resize") {
var f = document.getElementById("ledger-mortgage");
if (f) f.style.height = e.data.height + "px";
}
});
</script>URL parameters
| Param | Meaning | Example |
|---|---|---|
| price | Home price ($) | 450000 |
| down | Down payment ($) | 45000 |
| rate | Interest rate (%) | 6.75 |
| term | Loan term (years) | 30 |
| tax | Property tax / year ($) | 5400 |
| ins | Home insurance / year ($) | 1500 |
| hoa | HOA / month ($) | 0 |
| pmi | PMI rate (%) | 0.55 |
| extra | Extra principal / mo ($) | 0 |