#redirect https://support.realgeeks.com/hc/en-us/articles/360043150114
=====Mortgage Calculator=====

You can add the mortgage calculator to the source code <> of your site. A popular place to add this code is in the sidebar. 

<code HTML>
<div class="mortgage_calculator side_captions">
<h3>Mortgage Calculator</h3> 
<form action="#"> 
<dl> 
<dt>Amount of Loan</dt> 
<dd><input type="text" name="loan_amount" class="full" value="4975000"></dd> 
<dt>Annual Interest Rate</dt> 
<dd><input type="text" name="annual_interest_rate" value="4.5"> %</dd> 
<dt>Term of Loan</dt> 
<dd><input type="text" name="term_of_loan" value="30"> Years</dd> 
<dt><!-- NOTHING HERE --></dt> 
<dd> 
<div><a href="#" class="button button_calculate"><span>Calculate</span></a></div> 
</dd> 
</dl> 
<div class="spacer"><!-- NOTHING HERE--></div> 
<div class="monthly_loan_payment"></div> 
<div class="disclaimer"> 
<p>Does not include any taxes or fees.<br> 
Please consult a financial professional.</p> 
</div> 
</form> 
</div> 
</code>

You can change the annual interest rate by changing the 4.5 in the code.

If you choose to add it to the sidebar, make sure the sidebar item is set to "Custom Content".


{{::sidebarsourcecode.png?900|}}

Note: The mortgage calculator on the property detail pages are not editable as they are added directly by the system.