• 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" width="1024" height="600"></iframe>

    <div class="calculator-footer external">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.
Affordability Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 638px; width: 330px;" 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;">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.
CD Rates Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 506px; width: 330px;" 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;">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.
Credit Card Payoff Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" 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;">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.
Should I Use HELOC Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 638px; width: 330px;" 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;">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.
How Much Income do I Need by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 599px; width: 330px;" 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;">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.
Interest Only Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 523px; width: 330px;" 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

Interest Only Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 523px; width: 330px;" 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;">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.
Minimum Payment Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" 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;">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

Mortgage Length Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 521px; width: 330px;" 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;">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

Mortgage Payment Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" 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;">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;" src="https://www.mortgageloan.com/widgets/external?widget=MonthlyPaymentCalculator&amp;color=gray"></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;">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.
Mortgage Payment Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 262px; width: 330px;" src="https://www.mortgageloan.com/widgets/external?widget=MonthlyPaymentCalculator&amp;color=green"></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;">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
Mortgage Payment Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 262px; width: 330px;" src="https://www.mortgageloan.com/widgets/external?widget=MonthlyPaymentCalculator&amp;color=blue"></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;">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

Mortgage Principal Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 523px; width: 330px;" 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;">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.
Mortgage Payment Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 262px; width: 330px;" src="https://www.mortgageloan.com/widgets/external?widget=MonthlyPaymentCalculator&amp;color=blue"></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;">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.
National Rates by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 253px; width: 330px;" src="https://www.mortgageloan.com/widgets/external?widget=NationalRates&color=blue" ></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;">National Rates by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
</div>

Payment Per Thousand Calculator

Payment Per Thousand Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" 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;">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.
Rates by State by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; overflow: hidden; height: 253px; width: 330px;" src="https://www.mortgageloan.com/widgets/external?widget=NationalRates&color=blue&state=CA"></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;">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.
Rent vs. Buy Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 638px; width: 330px;" 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;">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

Should I Pay points Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" 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;">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.
Should I Refinance Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 599px; width: 330px;" 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;">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

Standard vs Bi-Weekly Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" 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;">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

Tax Benefits Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 638px; width: 330px;" 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;">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

What If I Pay More Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 523px; width: 330px;" 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;">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

What Is The Real APR Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;" 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;">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

Which Loan Is Better Calculator by MortgageLoan.com
<div style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 599px; width: 330px;" 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;">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>