Mortgage Widgets & Real Estate Widgets

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.

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:

MortgageLoan.com

Code:

<div style="border: 1px solid #6AB6DD; width:175px;">
        <object width="175" height="210">
        <param name="movie" value="http://widgets.mortgageloan.com/swf/small.swf"></param>
        <param name="allowscriptaccess" value="always"></param>
        <param name="flashVars" value="style=http://widgets.mortgageloan.com/swf/styleSmallBlue.swf">
        <embed src="http://widgets.mortgageloan.com/swf/small.swf" type="application/x-shockwave-flash" flashVars="style=http://widgets.mortgageloan.com/swf/styleSmallBlue.swf" allowscriptaccess="always" width="175" height="210"></embed>
        </object>
        <p style="border-top:1px solid #6AB6DD; margin:0; padding:2px 0px; font:9px Arial, sans-serif; text-align:center"><a style="text-decoration:none; color:#333;" href="http://www.mortgageloan.com/">MortgageLoan.com</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:

MortgageLoan.com

Code:

            <div style="border: 1px solid #006800; width:175px;">
            <object width="175" height="210">
            <param name="movie" value="http://widgets.mortgageloan.com/swf/small.swf"></param>
            <param name="allowscriptaccess" value="always"></param>
            <param name="flashVars" value="style=http://widgets.mortgageloan.com/swf/styleSmallGreen.swf">
            <embed src="http://widgets.mortgageloan.com/swf/small.swf" type="application/x-shockwave-flash" flashVars="style=http://widgets.mortgageloan.com/swf/styleSmallGreen.swf" allowscriptaccess="always" width="175" height="210"></embed>
            </object>
            <p style="border-top:1px solid #006800; margin:0; padding:2px 0px; font:9px Arial, sans-serif; text-align:center"><a style="text-decoration:none; color:#333;" href="http://www.mortgageloan.com/">MortgageLoan.com</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:

MortgageLoan.com

Code:

            <div style="border: 1px solid #9D9D9D; width:175px;">
            <object width="175" height="210">
            <param name="movie" value="http://widgets.mortgageloan.com/swf/small.swf"></param>
            <param name="allowscriptaccess" value="always"></param>
            <param name="flashVars" value="style=http://widgets.mortgageloan.com/swf/styleSmallGrey.swf">
            <embed src="http://widgets.mortgageloan.com/swf/small.swf" type="application/x-shockwave-flash" flashVars="style=http://widgets.mortgageloan.com/swf/styleSmallGrey.swf" allowscriptaccess="always" width="175" height="210"></embed>
            </object>
            <p style="background-color: rgb(247, 247, 247);border-top:1px solid #9D9D9D; margin:0; padding:2px 0px; font:9px Arial, sans-serif; text-align:center"><a style="text-decoration:none; color:#333;" href="http://www.mortgageloan.com/">MortgageLoan.com</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

MortgageLoan.com

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 style="background: none repeat scroll 0 0 #EEEEEE; color: #797878; font: 10px/1 Verdana,Helvetica,Arial,sans-serif; margin: 0; padding: 8px 16px; text-align: center;">
            <a href="http://www.mortgageloan.com/" style="color: #515151; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;">MortgageLoan.com</a>
            </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

MortgageLoan.com

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://widgets.mortgageloan.com/swf/small.swf"></param>
            <param name="allowscriptaccess" value="always"></param>
            <param name="flashVars" value="style=http://widgets.mortgageloan.com/swf/styleSmallBlue.swf">
            <embed src="http://widgets.mortgageloan.com/swf/small.swf" type="application/x-shockwave-flash" flashVars="style=http://widgets.mortgageloan.com/swf/styleSmallBlue.swf" allowscriptaccess="always" width="175" height="210"></embed>
            </object>
            <p style="background-color: rgb(247, 247, 247); border-top:1px solid #6AB6DD; margin:0; padding:2px 0px; font:9px Arial, sans-serif; text-align:center"><a style="text-decoration:none; color:#333;" href="http://www.mortgageloan.com/">MortgageLoan.com</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

MortgageLoan.com

Code:

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

MortgageLoan.com

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 style="background-color: #E5E5E5; text-align:center;line-height: 15px;"><a style="color: #000000; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</a></p>
            </div>
            </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:

MortgageLoan.com

Code:

<div style="border: 1px solid #9D9D9D; width:175px;">
        <object width="175" height="220">
        <param name="movie" value="http://widgets.mortgageloan.com/swf/FHALoanLimits.swf"></param>
        <param name="allowscriptaccess" value="always"></param>
        <param name="flashVars" value="style=http://widgets.mortgageloan.com/swf/css/FHAGrey.swf">
        <embed src="http://widgets.mortgageloan.com/swf/FHALoanLimits.swf" type="application/x-shockwave-flash" flashVars="style=http://widgets.mortgageloan.com/swf/css/FHAGrey.swf" allowscriptaccess="always" width="175" height="220"></embed>
        </object>
        <p style="border-top: 1px solid #9d9d9d; margin: 0pt; padding: 2px 0px; background-color: rgb(247, 247, 247); font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 9px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; text-align:center" href="http://www.mortgageloan.com/">MortgageLoan.com</a></p>
        </div>

Rates By State

Download this widget to help you work out the going rate in a specific state.

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

Example:

California Rates

MortgageLoan.com

Code:

            <div class="mlc-objectBox" id="TodaysRates1">
            <script type="text/javascript">toolId="TodaysRates1"</script>
            <link rel="stylesheet" type="text/css" href="http://widgets.mortgageloan.com/css/tool/GenerateCss.php?width=200&height=73&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=TodaysRates1" />
            <h2>California Rates</h2>
            <iframe id="ML-Frame" frameborder="no" src="http://widgets.mortgageloan.com/tool/mortgage/TodaysRates.html?state=CA" style="width: 200px; height:73px;" type="text/html"></iframe>
            <p style="background-color: #E5E5E5; text-align:center;line-height: 15px;"><a style="color: #000000; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</a></p>
            </div>

National Rates

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

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

Example:

Current National Rates

MortgageLoan.com

Code:

<div class="mlc-objectBox" id="TodaysRates1">
        <script type="text/javascript">toolId="TodaysRates1"</script>
        <link rel="stylesheet" type="text/css" href="http://widgets.mortgageloan.com/css/tool/GenerateCss.php?width=200&height=73&brbgcolor=%23E5E5E5&bordertextcolor=%23000000&toolid=TodaysRates1" />
        <h2>Current National Rates</h2>
        <iframe id="ML-Frame" frameborder="no" src="http://widgets.mortgageloan.com/tool/mortgage/TodaysRates.html?state=USA" style="width: 200px; height:73px;" type="text/html"></iframe>
        <p style="background-color: #E5E5E5; text-align:center;line-height: 15px;"><a style="color: #000000; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</a></p>
        </div>
        </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

MortgageLoan.com

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 style="background-color: #E5E5E5; text-align:center;line-height: 15px;"><a style="color: #000000; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</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

MortgageLoan.com

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 style="background-color: #E5E5E5; text-align:center;line-height: 15px;"><a style="color: #000000; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</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

MortgageLoan.com

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="text-align:center;line-height: 15px; margin:0"><a style="color: #515151; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</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?

MortgageLoan.com

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="text-align:center;line-height: 15px; margin:0"><a style="color: #515151; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</a></p>
        </div>
        </div>
        </div>

Should I Refinance?

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

Example:

Should I Refinance?

MortgageLoan.com

Code:

    <div style="background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px 0; text-align: center;width: 330px;">
        <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="text-align:center;line-height: 15px; margin:0">
            <a style="color: #515151; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</a>
        </p>
        </div>
    </div>

Rent vs. Buy Calculator

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

Example:

Rent vs Buy Calculator

MortgageLoan.com

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="text-align:center;line-height: 15px; margin:0"><a style="color: #515151; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</a></p>
        </div>
        </div>

HELOC Calculator

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

Example:

HELOC Calculator

MortgageLoan.com

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="text-align:center;line-height: 15px; margin:0"><a style="color: #515151; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</a></p>
        </div>
        </div>

Credit Card Payoff Calculator

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

Example:

Credit Card Payoff Calculator

MortgageLoan.com

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="text-align:center;line-height: 15px; margin:0"><a style="color: #515151; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</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

MortgageLoan.com

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="text-align:center;line-height: 15px; margin:0"><a style="color: #515151; display: inline; font-family: arial,verdana,tahoma,helvetica,sans-serif; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none;" href="http://www.mortgageloan.com/">MortgageLoan.com</a></p>
        </div>
        </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.

To read our Mortgage Terms and Conditions please click here

Mortgage Widgets & Real Estate Widgets

Select one of our tools and widgets

Mortgage Payment Calculators - Blue

Mortgage Payment Calculator - Green

Mortgage Payment Calculator - Gray

19 in 1 Calculator

19 Mortgage Calculators

Mortgage Referral Calculator

News and Stories

Latest Mortgage Stories

Finance Glossary

Finance Glossary

FHA Loan Limits

Rates By State

California Rates

National Rates

Current National Rates

Interest Only Calculator

Interest Only Calculator

CD Rates Calculator

CD Rates Calculator

Affordability Calculator

Affordability Calculator

How much House can you afford?

How much House can you afford?

Should I Refinance?

Should I Refinance?

Rent vs. Buy Calculator

Rent vs Buy Calculator

HELOC Calculator

HELOC Calculator

Credit Card Payoff Calculator

Credit Card Payoff Calculator

Paying off Credit Card Debt with Minimum Payments

Minimum Payment Calculator

Download Mortgage Calculator Widget

Select
one of
our tools
and
widgets