• 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.

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

19 in 1 Calculator

19Mortgage
Calculators
<div style="width: 667px; height:662px; position: relative; overflow: hidden;" class="Widget19in1Calculator">
    <link rel="stylesheet" type="text/css" href="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/css/style.0.1.min.css" media="all" />

    <div class="panel-heading">
        <span class="panel-title">
            <span>19</span><small>Mortgage<br>Calculators</small>
            <a class="hidden-xs" href="https://www.mortgageloan.com/widgets">Get this Widget</a>
        </span>
    </div>

    <iframe src="https://www.mortgageloan.com/calculator/external-widget?target=_blank" frameborder="0" width="1024" height="600"></iframe>

    <div class="calculator-footer external" id="calculator-footer">Mortgage Calculator by <a href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>           

Affordability Calculator

Copy and paste the code to complete installation of this widget.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 638px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=AffordabilityCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -8px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Affordability Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</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.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 506px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/widgets/external?widget=CDRatesCalculator&color=blue"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">CD Rates Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Credit Card Payoff Calculator

Copy and paste the code to complete installation of this widget.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=CreditCardPayoffGoalCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Credit Card Payoff Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

HELOC Calculator

Copy and paste the code to complete installation of this widget.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 638px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=ShouldIUseHelocCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Should I Use HELOC Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

How much House can you afford?

Copy and paste the code to complete installation of this widget.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 599px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=HowMuchIncomeDoINeedToQualifyCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">How Much Income do I Need by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></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.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 523px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=InterestOnlyCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Interest Only Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Interest Only With Repayments Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 523px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=InterestOnlyWithRepaymentsCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -5px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Interest Only Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Minimum Payment Calculator

Copy and paste the code to complete installation of this widget.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=CreditCardMinimumPaymentCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Minimum Payment Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Mortgage Length Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 521px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=MortgageLengthCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -5px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Mortgage Length Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Mortgage Payment Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=MortgagePaymentCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Mortgage Payment Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</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.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 262px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/widgets/external?widget=MonthlyPaymentCalculator&amp;color=gray" scrolling="no"></iframe>
<div style="height: 36px; width: 330px; top: -5px; padding: 0 8px 0 0; box-sizingborder-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Mortgage Payment Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</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.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 262px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/widgets/external?widget=MonthlyPaymentCalculator&amp;color=green"scrolling="no"></iframe>
<div style="height: 36px; width: 330px; top: -5px; padding: 0 8px 0 0; box-sizingborder-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Mortgage Payment Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

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
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 262px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/widgets/external?widget=MonthlyPaymentCalculator&amp;color=blue" scrolling="no"></iframe>
<div style="height: 36px;width: 330px; top: -5px; padding: 0 8px 0 0; box-sizingborder-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Mortgage Payment Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Mortgage Principal Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 523px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=MortgagePrincipalCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Mortgage Principal Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></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.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 262px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/widgets/external?widget=MonthlyPaymentCalculator&amp;color=blue" scrolling="no"></iframe>
<div style="height: 36px; width: 330px; top: -5px; padding: 0 8px 0 0; box-sizingborder-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Mortgage Payment Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</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.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 253px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/widgets/external?widget=NationalRates&color=blue" scrolling="no"></iframe>
<div style="height: 36px; width: 330px; top: -5px; padding: 0 8px 0 0; box-sizingborder-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">National Rates by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

News and Stories

eep 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.

Latest Mortgage Stories

MortgageLoan.com

<div class="mlc-objectBox" id="LatestNews">
    <link rel="stylesheet" type="text/css" rev="stylesheet" href="https://widgets.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="https://widgets.mortgageloan.com/tool/mortgage/LatestNews.html" style="width:210px; height:180px;" 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="https://www.mortgageloan.com/">MortgageLoan.com</a></p>
</div>

Payment Per Thousand Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=PaymentPerThousandCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Payment Per Thousand Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</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.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 253px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/widgets/external?widget=NationalRates&color=blue&state=CA" scrolling="no"></iframe>
<div style="height: 36px; width: 330px; top: -5px; padding: 0 8px 0 0; box-sizingborder-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Rates by State by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Rent vs. Buy Calculator

Copy and paste the code to complete installation of this widget.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 638px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=BuyVsRentCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -8px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Rent vs. Buy Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Should I Pay Points Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=ShouldIPayPointsCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Should I Pay points Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Should I Refinance?

Copy and paste the code to complete installation of this widget.
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 599px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=ShouldIRefinanceCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Should I Refinance Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Standard Vs Bi-Weekly Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=StandardVsBiWeeklyCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Standard vs Bi-Weekly Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Tax Benefits Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 638px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=TaxBenefitsCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -8px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Tax Benefits Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

What If I Pay More Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 523px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=WhatIfIPayMoreCalculator"></iframe>
<div style="height: 36px; width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">What If I Pay More Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

What Is The Real APR Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=WhatIsTheRealAprCalculator"></iframe>
<div style="width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">What Is The Real APR Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Which Loan Is Better Calculator

<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 599px; width: 330px;" id="mlcalc-calc" src="https://www.mortgageloan.com/calculator/single?calculator=WhichLoanIsBetter"></iframe>
<div style="width: 330px; top: -7px; padding: 0 8px 0 0; box-sizing: border-box; text-align: right; background: #f6f9f9; border: 1px solid #ccc; color: #868686; line-height: 34px; font-size: 12px; position: relative;" id="calculator-footer">Which Loan Is Better Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>