Mortgage Widgets - Free Mortgage Content & Tools for Your Website

In 3 easy steps
Perfect for Real Estate professionals, Mortgage Brokers, Realtors, Industry and General Media Outlets as well as everyone with an interest in Finance and Real Estate.

Our widgets are free and specifically designed to work in a wide variety of formats and platforms without being intrusive. While detailed in their functionality, adding the widgets to your website is easy.

First select the tool or widget you wish to add to your site.
Copy the accompanying widget code onto the page you wish to have the widget displayed on.
Save your selection and you’re done.

Select one of our tools and widgets:

Mortgage Payment Calculator
19 in 1 Calculator
Mortgage Basics
News and Stories
Finance Glossary
FHA Loan Limits
National Rates
State Rates
CD Calculator
Interest Only Calculator
How much House can you afford?
Affordability Calculator
Rent vs. Buy Calculator
Should I Refinance?
Credit Card Payoff Calculator
HELOC Calculator
Latest Rate Updates
Minimum Payment Calculator
Mortgage Referral Calculator
Rates By State

Mortgage Payment Calculators - Blue

The Mortgage payment calculator widget is used to calculate the users payment based upon the interest rates and loan amount entered.

Copy and paste the code to complete installation of this widget.

This calculator comes in three colors: Green, Blue and Gray

Example:

Mortgage Calculator © ML

Code:

<div style="border: 1px solid #6AB6DD; width:175px;">
<object width="175" height="210">
<param name="movie" value="http://www.mortgageloan.com/swf/small.swf"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="flashVars" value="style=http://www.mortgageloan.com/swf/styleSmallBlue.swf">
<embed src="http://www.mortgageloan.com/swf/small.swf" type="application/x-shockwave-flash" flashVars="style=http://www.mortgageloan.com/swf/styleSmallBlue.swf" allowscriptaccess="always" width="175" height="210"></embed>
</object>
<p style="background-color:#f7f7f7; border-top:1px solid #6AB6DD; margin:0; padding:2px 10px; font:9px Arial, sans-serif"><a style="text-decoration:none; color:#333;" href="http://www.mortgageloan.com/calculator/">Mortgage Calculator &copy; ML</a></p>
</div>

Mortgage Payment Calculator - Green

The Mortgage payment calculator widget is used to calculate the users payment based upon the interest rates and loan amount entered.

Copy and paste the code to complete installation of this widget.

Example:

Mortgage Calculator © ML

Code:

<div style="border: 1px solid #006800; width:175px;">
<object width="175" height="210">
<param name="movie" value="http://www.mortgageloan.com/swf/small.swf"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="flashVars" value="style=http://www.mortgageloan.com/swf/styleSmallGreen.swf">
<embed src="http://www.mortgageloan.com/swf/small.swf" type="application/x-shockwave-flash" flashVars="style=http://www.mortgageloan.com/swf/styleSmallGreen.swf" allowscriptaccess="always" width="175" height="210"></embed>
</object>
<p style="background-color:#f7f7f7; border-top:1px solid #006800; margin:0; padding:2px 10px; font:9px Arial, sans-serif"><a style="text-decoration:none; color:#333;" href="http://www.mortgageloan.com/calculator/">Mortgage Calculator &copy; ML</a></p>
</div>

Mortgage Payment Calculator - Gray

The Mortgage payment calculator widget is used to calculate the users payment based upon the interest rates and loan amount entered.

Copy and paste the code to complete installation of this widget.

Example:

Mortgage Calculator © ML

Code:

<div style="border: 1px solid #9D9D9D; width:175px;">
<object width="175" height="210">
<param name="movie" value="http://www.mortgageloan.com/swf/small.swf"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="flashVars" value="style=http://www.mortgageloan.com/swf/styleSmallGrey.swf">
<embed src="http://www.mortgageloan.com/swf/small.swf" type="application/x-shockwave-flash" flashVars="style=http://www.mortgageloan.com/swf/styleSmallGrey.swf" allowscriptaccess="always" width="175" height="210"></embed>
</object>
<p style="background-color:#f7f7f7; border-top:1px solid #9D9D9D; margin:0; padding:2px 10px; font:9px Arial, sans-serif"><a style="text-decoration:none; color:#333;" href="http://www.mortgageloan.com/calculator/">Mortgage Calculator &copy; ML</a></p>
</div>

19 in 1 Calculator

Stay ahead of the competition with this powerful, all purpose calculator for your blog or website.

Copy and paste the HTML to the right. Give it to all your partners and generate more mortgage leads.

Example:

19 Mortgage Calculators

Code:

<div id="mlcalc-w1">
<div id="mlcalc-w2">
<div id="mlcalc-w3">
<div id="mlcalc-w4">
<div id="mlcalc-w5">
<link rel="stylesheet" type="text/css" media="screen,projection" href="http://www.mortgageloan.com/sites/all/themes/mortgageloan/css/tool/mlcalc-inline.css">
<div id="mlcalc-pres">
<h2 id="mlcalc-head">
<em>19 Mortgage Calculators</em> <em><a href="http://www.mortgageloan.com/widgets/#tool-num-4" rel="nofollow" target="_blank">Get this Widget</a><span></span></em>
</h2><iframe id="mlcalc-calc" src="http://www.mortgageloan.com/tool/mortgage/mortgage-calculator-package-content" scrolling="no" border="0" frameborder="0"></iframe>
<p id="mlcalc-footer">
Related Resource: <a href="http://www.mortgageloan.com/">Refinance &amp; Mortgage Rates</a>. Calculator © MortgageLoan.com.
</p>
</div>
</div>
</div>
</div>
</div>
</div>

Mortgage Referral Calculator

Are you a Realtor or mortgage broker with a referral relationship? Take that partnership online by customizing this mortgage calculator with your name and contact information--give it to all your mortgage and real estate partners for their website or blog.

Copy and paste the HTML to the right. Give it to all your partners and generate more mortgage leads.

Example:

For more information contact:
John Doe
555-CALL-ME
Mortgage Leader
4721 E. Moody Blvd. Unit #101

Mortgage Calculator © ML

Add your info to widget:

Name: Company: Phone: Address:

Code:

<div style="border: 1px solid #6AB6DD; width:175px;">
<object width="175" height="210">
<param name="movie" value="http://www.mortgageloan.com/swf/small.swf"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="flashVars" value="style=http://www.mortgageloan.com/swf/styleSmallBlue.swf">
<embed src="http://www.mortgageloan.com/swf/small.swf" type="application/x-shockwave-flash" flashVars="style=http://www.mortgageloan.com/swf/styleSmallBlue.swf" allowscriptaccess="always" width="175" height="210"></embed>
</object>
<p style="background-color:#f7f7f7; border-top:1px solid #6AB6DD; margin:0; padding:2px 10px; font:9px Arial, sans-serif"><a style="text-decoration:none; color:#333;" href="http://www.mortgageloan.com/calculator/">Mortgage Calculator &copy; ML</a></p>
</div>

Mortgage Basics

Display the Mortgage Basics widget. This tool gives easy, yet comprehensive guides for anyone new to the real estate market.

Copy and paste the code to complete installation of this widget.

Example:

Mortgage Resources

Mortgage Resources © ML

Code:

<div class="mlc-objectBox" id="MortgageBasics">
<script type="text/javascript">toolId="MortgageBasics"</script>
<script language="javascript" type="text/javascript" src="http://www.mortgageloan.com/javascript/widget.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mortgageloan.com/css/tool/GenerateCss.php?toolcolor=%23000000&toolbgcolor=%23FFFFFF&width=200&height=200&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=MortgageBasics" />
        <h2>Mortgage Resources</h2>
	<div class="ml-box">
 		<div class="componentFrame">
    		<ul>
    			<li><a href="http://www.mortgageloan.com/Rates/">Mortgage Rates &raquo;</a></li>
    			<li><a href="http://www.mortgageloan.com/calculator/">Mortgage Calculator &raquo;</a></li>
    			<li><a href="http://www.mortgageloan.com/refinance-mortgage">Refinancing Rates &raquo;</a></li>
                <li><a href="http://www.mortgageloan.com/home-equity-loans">Home Equity Loans &raquo;</a></li>
                <li><a href="http://www.mortgageloan.com/reverse-mortgage">Reverse Mortgage Loans &raquo;</a></li>
    		</ul>
		</div>
	</div>
	<p class="center"><a href="http://www.mortgageloan.com/">Mortgage Resources &copy; ML</a></p>
</div>

News and Stories

Keep up to date with regular feeds on the latest finance and mortgage news by adding this widget on your site.

Copy and paste the code to complete installation of this widget.

Example:

Latest Mortgage Stories

Mortgage Stories © ML

Code:

<div class="mlc-objectBox" id="LatestNews">
<script type="text/javascript">toolId="LatestNews"</script>
<script language="javascript" type="text/javascript" src="http://www.mortgageloan.com/javascript/widget.js"></script>
<link rel="stylesheet" type="text/css" rev="stylesheet" href="http://www.mortgageloan.com/css/tool/GenerateCss.php?toolcolor=%23000000&toolbgcolor=%23FFFFFF&width=210&height=180&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=LatestNews" media="print,screen"/>
	<h2>Latest Mortgage Stories</h2>
	<iframe id="ML-Frame" frameborder="no" src="http://www.mortgageloan.com/tool/mortgage/LatestNews?toolcolor=%23000000&amp;toolbgcolor=%23FFFFFF&amp;v=3&amp;width=210&amp;height=180&amp;subject=Mortgage" style="width:210px; height:180px;" type="text/html"></iframe>
	<p class="center">
		<a href="http://www.mortgageloan.com">Mortgage Stories &copy; ML</a>
	</p>
</div>

Finance Glossary

Display this finance glossary widget to have a comprehensive list of terms available on your website.

Copy and paste the code to complete installation of this widget.

Example:

Finance Glossary

Financial Glossary © ML

Code:

<div class="mlc-objectBox" id="Glossary">
<script type="text/javascript">toolId="Glossary"</script>
<script language="javascript" type="text/javascript" src="http://www.mortgageloan.com/javascript/widget.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mortgageloan.com/css/tool/GenerateCss.php?toolcolor=%23000000&toolbgcolor=%23FFFFFF&width=260&height=270&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=Glossary" />
<h2>Finance Glossary</h2>
	<iframe id="ML-Frame" src="http://www.mortgageloan.com/tool/mortgage/Glossary?toolcolor=%23000000&amp;toolbgcolor=%23FFFFFF&amp;v=3&amp;width=260&amp;height=270" style="width:260px; height:270px;" type="text/html" frameborder=0></iframe>
	<p class="center">
		<a href="http://www.mortgageloan.com/finance-glossary">Financial Glossary &copy; ML</a>
	</p>
</div>

FHA Loan Limits

The FHA Loan Limits widget helps you calculate the size of the loan the FHA is willing to insure.

Copy and paste the code to complete installation of this widget.

Example:

FHA Loan Rates © ML

Code:

<div style="border: 1px solid #9D9D9D; width:175px;">
<object width="175" height="220">
<param name="movie" value="http://www.mortgageloan.com/swf/FHALoanLimits.swf"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="flashVars" value="style=http://www.mortgageloan.com/swf/css/FHAGrey.swf">
<embed src="http://www.mortgageloan.com/swf/FHALoanLimits.swf" type="application/x-shockwave-flash" flashVars="style=http://www.mortgageloan.com/swf/css/FHAGrey.swf" allowscriptaccess="always" width="175" height="220"></embed>
</object>
<p style="font:italic 10px Arial, sans-serif; margin:0; padding:0 10px 10px 10px;"></p>
<p style="background-color:#f7f7f7; border-top:1px solid #9D9D9D; margin:0; padding:2px 10px; font:9px Arial, sans-serif"><a style="text-decoration:none; color:black;" href="http://www.mortgageloan.com/fha">FHA Loan Rates &copy; ML</a></p>
</div>

Rates By State

Download this widget to help you work out the going rate nationally.

Copy and paste the code to complete installation of this widget.

Example:

California Rates

Mortgage Rates © ML

Code:

<div class="mlc-objectBox" id="TodaysRates1">
<script type="text/javascript">toolId="TodaysRates1"</script>
<script language="javascript" type="text/javascript" src="http://www.mortgageloan.com/javascript/widget.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mortgageloan.com/css/tool/GenerateCss.php?toolcolor=%23000000&toolbgcolor=%23FFFFFF&width=200&height=73&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=TodaysRates1" />
    <h2>California Rates</h2>
    <iframe id="ML-Frame" frameborder="no" src="http://www.mortgageloan.com/tool/mortgage/TodaysRates?toolcolor=%23000000&amp;toolbgcolor=%23FFFFFF&amp;v=3&amp;width=200&amp;height=73&amp;state=CA" style="width: 200px; height:73px;" type="text/html"></iframe>
            <p class="center"><a href="http://www.mortgageloan.com/Rates/">Mortgage Rates &copy; ML</a></p>
    </div>

National Rates

Download this widget to help you work out the going rate nationally. You can also get rates for specific states if you go here.

Copy and paste the code to complete installation of this widget.

Example:

Current National Rates

Mortgage Rates © ML

Code:

<div class="mlc-objectBox" id="TodaysRates1">
<script type="text/javascript">toolId="TodaysRates1"</script>
<script language="javascript" type="text/javascript" src="http://www.mortgageloan.com/javascript/widget.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mortgageloan.com/css/tool/GenerateCss.php?toolcolor=%23000000&toolbgcolor=%23FFFFFF&width=200&height=73&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=TodaysRates1" />
	<h2>Current National Rates</h2>
	<iframe id="ML-Frame" frameborder="no" src="http://www.mortgageloan.com/tool/mortgage/TodaysRates?toolcolor=%23000000&amp;toolbgcolor=%23FFFFFF&amp;v=3&amp;width=200&amp;height=73&amp;state=1" style="width: 200px; height:73px;" type="text/html"></iframe>
         	<p class="center"><a href="http://www.mortgageloan.com/Rates/">Mortgage Rates &copy; ML</a></p>
	</div>

Latest Rate Updates

Keep up to date with rate fluctuations and changes by adding this widget to your website.

Copy and paste the code to complete installation of this widget.

Example:

Latest Rate Updates

Mortgage Rates © ML

Code:

<div class="mlc-objectBox" id="RateUpdates">
                            <script type="text/javascript">toolId="RateUpdates"</script>
                            <script language="javascript" type="text/javascript" src="http://www.mortgageloan.com/javascript/widget.js"></script>
                            <link rel="stylesheet" type="text/css" href="http://www.mortgageloan.com/css/tool/GenerateCss.php?toolcolor=%23000000&toolbgcolor=%23FFFFFF&width=200&height=115&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=RateUpdates" />
                            <h2>Latest Rate Updates</h2>
                            <iframe id="ML-Frame" src="http://www.mortgageloan.com/tool/mortgage/RateUpdates?toolcolor=%23000000&amp;toolbgcolor=%23FFFFFF&amp;v=3&amp;width=200&amp;height=115" style="width:200px; height:115px;" type="text/html" frameborder=0></iframe>
                            <p class="center">
                                <a href="http://www.mortgageloan.com/Rates/">Mortgage Rates &copy; ML</a>
                            </p>
                        </div>

Interest Only Calculator

Adding this widget helps you compare interest only loans with fully amortized loans.

Copy and paste the code to complete installation of this widget.

Example:

Interest Only Calculator

Interest Only Calculator © ML

Code:

<div class="mlc-objectBox" id="InterestOnlyCalculator">
<script type="text/javascript">toolId="InterestOnlyCalculator"</script>
<script language="javascript" type="text/javascript" src="http://www.mortgageloan.com/javascript/widget.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mortgageloan.com/css/tool/GenerateCss.php?toolcolor=%23000000&toolbgcolor=%23FFFFFF&width=190&height=263&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=InterestOnlyCalculator" />

	<h2><span>Interest Only Calculator</span></h2>

						<iframe id="ML-Frame" frameborder="no" src="http://www.mortgageloan.com/tool/mortgage/InterestOnlyCalculator?toolcolor=%23000000&amp;toolbgcolor=%23FFFFFF&amp;v=3&amp;width=190&amp;height=263&amp;size=small&amp;width=190&amp;height=263px" style="width: 190px; height: 263px;"></iframe>
		<p class="center"><a href="http://www.mortgageloan.com/calculator/interest-only-mortgage-calculator">Interest Only Calculator &copy; ML</a></p>
</div>

CD Rates Calculator

Present this widget to aid calculation of how much interest can be earned on a Certificate of Deposit (CD).

Copy and paste the code to complete installation of this widget.

Example:

CD Rates Calculator

CD Rates Calculator © ML

Code:

<div class="mlc-objectBox" id="CDCalculator">
<script type="text/javascript">toolId="CDCalculator"</script>
<h2>CD Rates Calculator</h2>
    <iframe frameborder="no" id="ML-Frame" src="http://www.mortgageloan.com/tool/mortgage/CDCalculator?toolcolor=%23000000&amp;toolbgcolor=%23FFFFFF&amp;v=3&amp;width=200&amp;height=280" style="width:200px;height:280px;" type="text/html"></iframe>
    <p class="center">
        <a href="http://www.mortgageloan.com/cd-rates">CD Rates Calculator &copy; ML</a>
    </p>
</div>
<script language="javascript" type="text/javascript" src="http://www.mortgageloan.com/javascript/widget.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mortgageloan.com/css/tool/GenerateCss.php?toolcolor=%23000000&toolbgcolor=%23FFFFFF&width=200&height=280&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=CDCalculator" />

Affordability Calculator

Copy and paste the code to complete installation of this widget.

Example:

Affordability Calculator

Code:

<div style="width:330px;background-color:#EEEEEE;padding:3px 0;border:solid 1px #ccc;text-align:center"><h2 style="margin:0;color:#515151;font: 16px arial">Affordability Calculator</h2><iframe style="border:solid 1px #ccc" id="mlcalc-calc" src="http://www.mortgageloan.com/calculators/static/calculator.php?n=AffordabilityCalculator" scrolling="no" border="0" frameborder="0" width="320" height="380" ></iframe><p  style="margin:0"><a style="font: 10px arial;color:#515151;" href="http://www.mortgageloan.com/">Mortgage Calculator © ML</a></p></div>

How much House can you afford?

Copy and paste the code to complete installation of this widget.

Example:

How much House can you afford?

Code:

<div style="width:330px;background-color:#EEEEEE;padding:3px 0;border:solid 1px #ccc;text-align:center"><h2 style="margin:0;color:#515151;font: 16px arial">How much House can you afford?</h2><iframe style="border:solid 1px #ccc" id="mlcalc-calc" src="http://www.mortgageloan.com/calculators/static/calculator.php?n=HowMuchIncomeDoINeedToQualifyCalculator" scrolling="no" border="0" frameborder="0" width="320" height="380" ></iframe><p  style="margin:0"><a style="font: 10px arial;color:#515151;" href="http://www.mortgageloan.com/calculator/">Mortgage Calculator © ML</a></p></div>

Should I Refinance?

Copy and paste the code to complete installation of this widget.

Example:

Should I Refinance?

Code:

<div><h2 style="margin:0;color:#515151;font: 16px arial">Should I Refinance?</h2><iframe style="border:solid 1px #ccc" id="mlcalc-calc" src="http://www.mortgageloan.com/calculators/static/calculator.php?n=ShouldIRefinanceCalculator" scrolling="no" border="0" frameborder="0" width="320" height="380" ></iframe><p  style="margin:0"><a style="font: 10px arial;color:#515151;" href="http://www.mortgageloan.com/refinance-mortgage">Refinance Calculator © ML</a></p></div>

Rent vs. Buy Calculator

Copy and paste the code to complete installation of this widget.

Example:

Rent vs Buy Calculator

Code:

<div style="width:330px;background-color:#EEEEEE;padding:3px 0;border:solid 1px #ccc;text-align:center"><h2 style="margin:0;color:#515151;font: 16px arial">Rent vs Buy Calculator</h2><iframe style="border:solid 1px #ccc" id="mlcalc-calc" src="http://www.mortgageloan.com/calculators/static/calculator.php?n=BuyVsRentCalculator" scrolling="no" border="0" frameborder="0" width="320" height="380" ></iframe><p  style="margin:0"><a style="font: 10px arial;color:#515151;" href="http://www.mortgageloan.com/">Mortgage Calculator © ML</a></p></div>

HELOC Calculator

Copy and paste the code to complete installation of this widget.

Example:

HELOC Calculator

Code:

<div style="width:330px;background-color:#EEEEEE;padding:3px 0;border:solid 1px #ccc;text-align:center"><h2 style="margin:0;color:#515151;font: 16px arial">HELOC Calculator</h2><iframe style="border:solid 1px #ccc" id="mlcalc-calc" src="http://www.mortgageloan.com/calculators/static/calculator.php?n=ShouldIUseHelocCalculator" scrolling="no" border="0" frameborder="0" width="320" height="380" ></iframe><p  style="margin:0"><a style="font: 10px arial;color:#515151;" href="http://www.mortgageloan.com/home-equity-line-of-credit">HELOC Calculator © ML</a></p></div>

Credit Card Payoff Calculator

Copy and paste the code to complete installation of this widget.

Example:

Credit Card Payoff Calculator

Code:

<div style="width:330px;background-color:#EEEEEE;padding:3px 0;border:solid 1px #ccc;text-align:center"><h2 style="margin:0;color:#515151;font: 16px arial">Credit Card Payoff Calculator</h2><iframe style="border:solid 1px #ccc" id="mlcalc-calc" src="http://www.mortgageloan.com/calculators/static/calculator.php?n=CreditCardPayoffGoalCalculator" scrolling="no" border="0" frameborder="0" width="320" height="380" ></iframe><p  style="margin:0"><a style="font: 10px arial;color:#515151;" href="http://www.mortgageloan.com/credit-cards">Credit Card Calculator © ML</a></p></div>

Paying off Credit Card Debt with Minimum Payments

Copy and paste the code to complete installation of this widget.

Example:

Minimum Payment Calculator

Code:

<div style="width:330px;background-color:#EEEEEE;padding:3px 0;border:solid 1px #ccc;text-align:center"><h2 style="margin:0;color:#515151;font: 16px arial">Minimum Payment Calculator</h2><iframe style="border:solid 1px #ccc" id="mlcalc-calc" src="http://www.mortgageloan.com/calculators/static/calculator.php?n=CreditCardMinimumPaymentCalculator" scrolling="no" border="0" frameborder="0" width="320" height="380" ></iframe><p  style="margin:0"><a style="font: 10px arial;color:#515151;" href="http://www.mortgageloan.com/credit-cards">Credit Card Calculator © ML</a></p></div>

Download Mortgage Calculator Widget

Add the widget to your website.

Copy the following code block into the webpage that you want to display the widget on, after the <body> tag but before </body> tag (Show me an example)

That's all there is to it. It's just a matter of copy and paste, so it will only take a minute to do yourself.

If you are not sure how to edit your website, you can ask anyone in your vincinity with basic experience of publishing content on the web. Maybe your neighbours son have a blog?

This Mortgage Calculator is © MortgageLoan.com.
It is free to use and distribute provided that the copyright notice and links are left intact.