• 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 class="MortgageLoanWidget Widget19in1Calculator" data-widget="calculator/external-widget?target=_blank" style="width: 667px; height:662px; position: relative; overflow: hidden;">
<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 style="border: none; padding: 0; height: 600px; width: 1024px;"></iframe>
<div class="calculator-footer external">Mortgage Calculator by <a href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/css/style.0.1.min.css" media="all" />
</div>

Affordability Calculator

Copy and paste the code to complete installation of this widget.
Affordability Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=AffordabilityCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 641px; width: 330px;"></iframe>
<div style="font-family: Arial; 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>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</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 class="MortgageLoanWidget" style="max-width: 330px; min-width:290px" data-widget="widgets/external?widget=CDRatesCalculator&color=blue">
<iframe style="border: none; padding: 0; height: 506px; width: 330px;"></iframe>
<div style="font-family: Arial; 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>
<script src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Credit Card Payoff Calculator

Copy and paste the code to complete installation of this widget.
Credit Card Payoff Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=CreditCardPayoffGoalCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 561px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Credit Card Payoff Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

HELOC Calculator

Copy and paste the code to complete installation of this widget.
Should I use HELOC Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=ShouldIUseHelocCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 641px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Should I use HELOC Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</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 class="MortgageLoanWidget" data-widget="calculator/single?calculator=HowMuchIncomeDoINeedToQualifyCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 603px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">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>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</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 class="MortgageLoanWidget" data-widget="calculator/single?calculator=InterestOnlyCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 528px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Interest Only Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Interest Only With Repayments Calculator

Interest Only Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=InterestOnlyWithRepaymentsCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 528px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Interest Only Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Minimum Payment Calculator

Copy and paste the code to complete installation of this widget.
Minimum Payment Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=CreditCardMinimumPaymentCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 564px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Minimum Payment Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Mortgage Length Calculator

Mortgage Length Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=MortgageLengthCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 528px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Mortgage Length Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Mortgage Payment Calculator

Mortgage Payment Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=MortgagePaymentCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 566px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Mortgage Payment Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</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.
Mortgage Payment Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" style="max-width: 330px; min-width:290px" data-widget="widgets/external?widget=MonthlyPaymentCalculator&color=blue">
<iframe style="border: none; padding: 0; height: 267px; width: 330px;"></iframe>
<div style="font-family: Arial; 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>
<script src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</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 class="MortgageLoanWidget" style="max-width: 330px; min-width:290px" data-widget="widgets/external?widget=MonthlyPaymentCalculator&color=blue">
<iframe style="border: none; padding: 0; height: 267px; width: 330px;"></iframe>
<div style="font-family: Arial; 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>
<script src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</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 class="MortgageLoanWidget" style="max-width: 330px; min-width:290px" data-widget="widgets/external?widget=MonthlyPaymentCalculator&color=gray">
<iframe style="border: none; padding: 0; height: 272px; width: 330px;"></iframe>
<div style="font-family: Arial; 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>
<script src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Mortgage Principal Calculator

Mortgage Principal Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=MortgagePrincipalCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 528px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Mortgage Principal Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</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 class="MortgageLoanWidget" style="max-width: 330px; min-width:290px" data-widget="widgets/external?widget=MonthlyPaymentCalculator&color=blue">
<iframe style="border: none; padding: 0; height: 272px; width: 330px;"></iframe>
<div style="font-family: Arial; 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>
<script src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Payment Per Thousand Calculator

Payment/Thousand Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=PaymentPerThousandCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 566px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Payment/Thousand Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Rent vs. Buy Calculator

Copy and paste the code to complete installation of this widget.
Rent vs. Buy Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=BuyVsRentCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 641px; width: 330px;"></iframe>
<div style="font-family: Arial; 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>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Should I Pay Points Calculator

Should I Pay Points Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=ShouldIPayPointsCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 566px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Should I Pay Points Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Should I Refinance?

Copy and paste the code to complete installation of this widget.
Should I Refinance Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=ShouldIRefinanceCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 603px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Should I Refinance Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Standard Vs Bi-Weekly Calculator

Standard vs. Bi-Weekly Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=StandardVsBiWeeklyCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 566px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Standard vs. Bi-Weekly Calculator by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Tax Benefits Calculator

Tax Benefits Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=TaxBenefitsCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 641px; width: 330px;"></iframe>
<div style="font-family: Arial; 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>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

What If I Pay More Calculator

What If I Pay More Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=WhatIfIPayMoreCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 527px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">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>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

What Is The Real APR Calculator

What is the Real APR Calculator by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=WhatIsTheRealAprCalculator" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 566px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">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>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>

Which Loan Is Better Calculator

Which Loan is Better by MortgageLoan.com
<div class="MortgageLoanWidget" data-widget="calculator/single?calculator=WhichLoanIsBetter" style="max-width: 330px; min-width:290px">
<iframe style="border: none; padding: 0; height: 603px; width: 330px;"></iframe>
<div style="font-family: Arial; 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;">Which Loan is Better by <a style="color: #868686;" href="https://www.mortgageloan.com" target="_blank" title="MortgageLoan.com">MortgageLoan.com</a></div>
<script async src="https://www.mortgageloan.com/themes/mortgageloan/frontfee/public/js/plugins/external-widgets/external-widgets.js"></script>
</div>