Mortgage Calculator Script - Free Mortgage Calculator Widget

Place our free mortgage calculator (example to the right) on your sites using any of the following formats. We offer static text links, images, and fully functional calculators that you can embed in your website - including raw HTML, Javascript, and Wordpress Widgets.

Pick the style you would like below
Click "Copy to Clipboard"
Find a location to put it in your website's source code
Hit Control+V to paste the code
Save your page and upload it to your server
Visit your page and verify it works!

All link codes are designed to open in a new window, so your customers do not have to leave your site to use these value added tools.

Fully Functional Mortgage Calculator

Insert the code in the box below into your website.

<p><form method="post" action="http://www.mortgagecalculator.org" target="_blank">
<input type="hidden" name="param[action]" value="calculate">
<input type="hidden" name="mortgage-calculator-plus" value="2b0b2e2f885a8e63c88ab2efb3775a11">
<table cellpadding="0" cellspacing="0"><tr><td id="params" valign="top">
<table cellpadding="3" cellspacing="0" width="100%">
<tr><th colspan="2" align="center"><a href="http://www.mortgagecalculator.org"><img src="http://www.mortgagecalculator.org/images/mortgage-calculator-logo2.png" alt="MortgageCalculator" height="19" width="200" border="0"></a>
</th></tr>
<tr><td align="right">Home Value:</td><td><input type="text" name="param[homevalue]" value="300,000" size="10"> $</td></tr> 
<tr><td align="right">Loan amount:</td><td><input type="text" name="param[principal]" value="250,000" size="10"> $</td></tr>
<tr><td align="right">Interest rate:</td><td><input type="text" name="param[interest_rate]" value="5.0" size="4"> %</td></tr>
<tr><td align="right">Loan term:</td><td><input type="text" name="param[term]" value="30" size="4"> years</td></tr>
<tr><td align="right">Start date:</td><td><select name="param[start_month]" id="p_start_month">
<option label="Jan" value="1">Jan</option>
<option label="Feb" value="2">Feb</option>
<option label="Mar" value="3">Mar</option>
<option label="Apr" value="4">Apr</option>
<option label="May" value="5">May</option>
<option label="Jun" value="6">Jun</option>
<option label="Jul" value="7">Jul</option>
<option label="Aug" value="8">Aug</option>
<option label="Sep" value="9">Sep</option>
<option label="Oct" value="10">Oct</option>
<option label="Nov" value="11">Nov</option>
<option label="Dec" value="12">Dec</option>
</select>
<select name="param[start_year]" id="p_start_year">
<option label="2012" value="2012">2012</option>
<option label="2013" value="2013">2013</option>
<option label="2014" value="2014">2014</option>
<option label="2015" value="2015">2015</option>
<option label="2016" value="2016">2016</option>
<option label="2017" value="2017">2017</option>
<option label="2018" value="2018">2018</option>
<option label="2019" value="2019">2019</option>
<option label="2020" value="2020">2020</option>
<option label="2021" value="2021">2021</option>
<option label="2022" value="2022">2022</option>
<option label="2023" value="2023">2023</option>
<option label="2024" value="2024">2024</option>
<option label="2025" value="2025">2025</option>
<option label="2026" value="2026">2026</option>
<option label="2027" value="2027">2027</option>
<option label="2028" value="2028">2028</option>
<option label="2029" value="2029">2029</option>
<option label="2030" value="2030">2030</option>
</select>
</td></tr>
<script>
   var timestamp = new Date();
   try {
       document.getElementById("p_start_month").selectedIndex = +timestamp.getMonth();
       document.getElementById("p_start_year").selectedIndex = +timestamp.getFullYear() - 2010;
   }
   catch (_) {}
</script>
<tr><td align="right">Property tax:</td><td><input type="text" name="param[property_tax]" value="1.25" size="4"> %</td></tr>
<tr><td align="right">PMI:</td><td><input type="text" name="param[pmi]" value="0.5" size="4"> %</td></tr>
<tr><td colspan="2" align="center" id="calculate_btn"><input type="submit" value="Calculate"></td></tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%" id="output_params">
<tr><th colspan="2" align="center"><a href="#" onclick="elems = new Array('draw_charts', 'show_m_vs_w', 'show_annual', 'show_monthly'); for(i in elems) document.getElementById(elems[i]).style.display = (document.getElementById(elems[i]).style.display == 'none') ? '' : 'none'; document.getElementById('outArrow').innerText = (document.getElementById('outArrow').innerText == '»') ? '«' : '»'; return false;" style="text-decoration:none; color:#000000 ">Output parameters <span id="outArrow">»</span></a></th></tr>
<tr style="display: none" id="draw_charts"><td width="10"><input type="checkbox" name="param[draw_charts]" value="1" id="draw_charts" checked="checked"></td><td><label for="draw_charts">Draw charts</label></td></tr>
<tr style="display: none" id="show_m_vs_w"><td width="10"><input type="checkbox" name="param[show_m_vs_w]" value="1" id="show_m_vs_w" checked="checked"></td><td><label for="show_m_vs_w">Monthly vs bi-weekly payments</label></td></tr>
<tr style="display: none" id="show_annual"><td width="10"><input type="checkbox" name="param[show_annual]" value="1" id="show_annual" checked="checked"></td><td><label for="show_annual">Show annual amortization table</label></td></tr>
<tr style="display: none" id="show_monthly"><td width="10"><input type="checkbox" name="param[show_monthly]" value="1" id="show_monthly"></td><td><label for="show_monthly">Show monthly amortization table</label></td></tr>
<tr>
<th colspan="2" align="center"><font size="1"><a href="http://www.mortgagecalculator.org/free-tools/">Online Mortgage Calculators</a></font></th>
</tr>
</table>
</td></tr>
</table></form></p>

Javascript Mortgage Calculator Widget

Free Mortgage Calculator

Cut and paste the following code to install this fully functional mortgage calculator on your website.

Text Link

Insert the following code in your web page.
Mortgage Calculator

Calculator Image

Mini Logo

Full Size Logo

Wordpress Widget Plug in

Publish a Wordpress blog? Install this free gadget today.

Image of an installed copy of this Wordpress widget plug in (you can test it out before installing it by checking out our blog).


Home Value:	$
Loan amount:	$
Interest rate:	%
Loan term:	years
Start date:
Property tax:	%
PMI:	%

Output parameters »
	Draw charts
	Monthly vs bi-weekly payments
	Show annual amortization table
	Show monthly amortization table
Online Mortgage Calculators

Javascript Calculator Widget

Mortgage Rates Widgets