Mortgage Calculator Widget

1. Customize Your Widget	2. Preview Your Widget
Widget Options Title Currency Symbol Header Color Header Text Color Background Color Text Color Border Color Button Color Chart Options Principle Color Interest Color Tax Color Balance Color	Mortgage Calculator Purchase Price Down Payment Interest Rate Property Tax (Per Year) PMI Term (years) Start Date Calculate Powered by CalculateStuff.com

3. Copy Your Widgets Code

To add the displayed widget to your website, copy the code below and paste it into the desired position in your websites code.

<div class="csWidget csSBWidget"><div class="csHeading" id="csSBHeading">Mortgage Calculator</div><div class="csContent"><table class="csTwoCol"><tr><td>Purchase Price</td><td><input type="text" id="cs-mortgage-price" /></td></tr><tr><td>Down Payment</td><td><input type="text" id="cs-mortgage-down-payment" /></td></tr><tr><td>Interest Rate</td><td><input type="text" id="cs-mortgage-interest-rate" /></td></tr><tr><td>Property Tax (Per Year)</td><td><input type="text" id="cs-mortgage-yearly-tax" /></td></tr><tr><td>PMI</td><td><input type="text" id="cs-mortgage-pmi" /></td></tr><tr><td>Term (years)</td><td><input type="text" id="cs-mortgage-term" /></td></tr><tr><td>Start Date</td><td><input type="text" id="cs-mortgage-start-date" /></td></tr><tr><td colspan="2"><a class="csSBCalculateButton" id="cs-calculate-mortgage-button">Calculate</a></td></tr><tr><td colspan="2" class="csSBWidgetFooter">Powered by <a href="http://www.calculatestuff.com/">CalculateStuff.com</a></td></tr></table></div><div class="csSBWidgetResult"><div id="cs-mortgage-calc-widget-result" class="csSBWidgetResultInner"></div></div><script src="http://cdn.calculatestuff.com/widgets/v2/js/calculators/load/mortgage.js?params" id="cs-mortgage-widget" type="text/javascript"></script></div>

Having Problems Installing a Widget?

If you have any problems installing this Mortgage Calculator Widget on your website, please contact us, we would be happy to provide assistance.

Text Link

If you would rather just link to our Mortgage Calculator page, please use the code below.

<a href="http://www.calculatestuff.com/financial/mortgage-calculator.php">Mortgage Calculator</a> <div class="csWidget csSBWidget"><div class="csHeading" id="csSBHeading">Mortgage Calculator</div><div class="csContent"><table class="csTwoCol"><tr><td>Purchase Price</td><td><input type="text" id="cs-mortgage-price" /></td></tr><tr><td>Down Payment</td><td><input type="text" id="cs-mortgage-down-payment" /></td></tr><tr><td>Interest Rate</td><td><input type="text" id="cs-mortgage-interest-rate" /></td></tr><tr><td>Property Tax (Per Year)</td><td><input type="text" id="cs-mortgage-yearly-tax" /></td></tr><tr><td>PMI</td><td><input type="text" id="cs-mortgage-pmi" /></td></tr><tr><td>Term (years)</td><td><input type="text" id="cs-mortgage-term" /></td></tr><tr><td>Start Date</td><td><input type="text" id="cs-mortgage-start-date" /></td></tr><tr><td colspan="2"><a class="csSBCalculateButton" id="cs-calculate-mortgage-button">Calculate</a></td></tr><tr><td colspan="2" class="csSBWidgetFooter">Powered by <a href="http://www.calculatestuff.com/">CalculateStuff.com</a></td></tr></table></div><div class="csSBWidgetResult"><div id="cs-mortgage-calc-widget-result" class="csSBWidgetResultInner"></div></div><script src="http://cdn.calculatestuff.com/widgets/v2/js/calculators/load/mortgage.js?params" id="cs-mortgage-widget" type="text/javascript"></script></div>

1. Customize Your Widget

Widget Options

Currency Symbol

Header Color	Header Text Color	Background Color	Text Color	Border Color	Button Color

Chart Options

Principle Color	Interest Color	Tax Color	Balance Color

2. Preview Your Widget (scroll down for widget code)

Mortgage Calculator

3. Copy Your Widgets Code

To add the displayed widget to your website, copy the code below and paste it into the desired position in your websites code.

<div class="csWidget csFPWidget"><table class="csInputTable"><tr><td>Purchase Price</td><td><input type="text" id="cs-mortgage-fp-price" /></td><td class="csLeftPad">Down Payment</td><td><input type="text" id="cs-mortgage-fp-down-payment" /></td></tr><tr><td>Interest Rate</td><td><input type="text" id="cs-mortgage-fp-interest-rate" /></td><td class="csLeftPad">Property Tax (Per Year)</td><td><input type="text" id="cs-mortgage-fp-yearly-tax" /></td></tr><tr><td>PMI</td><td><input type="text" id="cs-mortgage-fp-pmi" /></td><td class="csLeftPad">Term (years)</td><td><input type="text" id="cs-mortgage-fp-term" /></td></tr><tr><td>Start Date</td><td><input type="text" id="cs-mortgage-fp-start-date" /></td><td colspan="2"><a class="csSBCalculateButton" id="cs-calculate-mortgage-fp-button">Calculate</a></td></tr></table><div class="csClearLine" style="height:30px;"></div><div id="csMortgageFPBreakdownData" class="csFullWidth"></div><div class="csClearLine" style="height:30px;"></div><div id="csMortgageFPChart" style="height:230px;" class="csFullWidth"></div><div class="csClearLine"></div><div id="csMortgageFPChartLedgend" style="float:right; clear:both; margin-top:10px;"></div><div class="csClearLine" style="height:30px;"></div><div id="csMortgageFPAmortization" class="csFullWidth"></div><div class="csFPWidgetFooter">Powered by <a href="http://www.calculatestuff.com/">CalculateStuff.com</a></div><script src="http://cdn.calculatestuff.com/widgets/v2/js/calculators/load/mortgage-fp.js?params" id="cs-mortgage-fp-widget" type="text/javascript"></script></div>

Having Problems Installing a Widget?

If you have any problems installing this Mortgage Calculator Widget on your website, please contact us, we would be happy to provide assistance.

Text Link

If you would rather just link to our Mortgage Calculator page, please use the code below.

<a href="http://www.calculatestuff.com/financial/mortgage-calculator.php">Mortgage Calculator</a> <div class="csWidget csFPWidget"><table class="csInputTable"><tr><td>Purchase Price</td><td><input type="text" id="cs-mortgage-fp-price" /></td><td class="csLeftPad">Down Payment</td><td><input type="text" id="cs-mortgage-fp-down-payment" /></td></tr><tr><td>Interest Rate</td><td><input type="text" id="cs-mortgage-fp-interest-rate" /></td><td class="csLeftPad">Property Tax (Per Year)</td><td><input type="text" id="cs-mortgage-fp-yearly-tax" /></td></tr><tr><td>PMI</td><td><input type="text" id="cs-mortgage-fp-pmi" /></td><td class="csLeftPad">Term (years)</td><td><input type="text" id="cs-mortgage-fp-term" /></td></tr><tr><td>Start Date</td><td><input type="text" id="cs-mortgage-fp-start-date" /></td><td colspan="2"><a class="csSBCalculateButton" id="cs-calculate-mortgage-fp-button">Calculate</a></td></tr></table><div class="csClearLine" style="height:30px;"></div><div id="csMortgageFPBreakdownData" class="csFullWidth"></div><div class="csClearLine" style="height:30px;"></div><div id="csMortgageFPChart" style="height:230px;" class="csFullWidth"></div><div class="csClearLine"></div><div id="csMortgageFPChartLedgend" style="float:right; clear:both; margin-top:10px;"></div><div class="csClearLine" style="height:30px;"></div><div id="csMortgageFPAmortization" class="csFullWidth"></div><div class="csFPWidgetFooter">Powered by <a href="http://www.calculatestuff.com/">CalculateStuff.com</a></div><script src="http://cdn.calculatestuff.com/widgets/v2/js/calculators/load/mortgage-fp.js?params" id="cs-mortgage-fp-widget" type="text/javascript"></script></div>