TOP 7 mortgage calculator widgets

In general, it's a good idea to post a javascript code with a mortgage calculator widget on the website page.

According to a Google Rater Guidelines Document , helpful supplementary content is an indicator of a page’s quality (and therefore, Google ranking). Examples include loan interest calculators. If you are the owner of a real estate agency or a dedicated real estate website, placing a widget with a mortgage calculator can not only improve the user experience, but also improve the positions in the SERP. Your positions in search results may become better.

In this review we will discuss the top 7 websites offering a html / js calculator widget that can be placed on your website for free. Before proceeding to the review, let's discuss several criteria for determining the quality of the widget. Some of these criteria are obvious, like the appearance of the user interface, some of them are not.

  • 1. The appearance of the widget is the most important criteria. A good mortgage calculator widget allows you to customize the appearance, so that the widget matches the design of your site. In this review we will post on our page all the decent widgets, and you can compare them yourself and choose the best one.

  • 2. The usability of the widget and the user experience are also important. You may want to add/remove additional fields like PMI, HOA and extra payments.

  • 3. Check whether widgets use the follow or not follow links. Some of the widgets add links in the footer, for example, "powered by". This is not good for your website.

  • 4. The mortgage calculator widget loading should be deferred and should not block loading your own content. This should be done through the asynchronous loading of the javascript with the widget's code. Imagine the situation that the website on which you took the widget code became unavailable for some reason, for example, due to an error in the data center. This may result in your site not loading properly. It's definitely not what you want. We will discuss in detail which widgets use deferred loading.

  • 5. Is your mortgage calculator widget mobile friendly?. According to the researchers, mobile traffic has reached 63% of all traffic in the US. The widget code should be responsive. This basically means that it should display well on a variety of devices and window or screen sizes

Accepting all the above criteria, we will review the most popular widgets of mortgage calculators found in Google.


The very first search result in Google on the "mortgage calculator widget ". This is one of the oldest and most popular sites for calculating mortgage payments.

This website offers two different widget. The first widget is based on the iframe. As you can see, when you press the "Calculate" button, you are redirected to the calculator page. Before you post this widget on your page answer the question - do you really want your clients to be redirected to another page? The second widget is a fully working JS widget that can be placed on the page of your site. When I press calculate button, the text goes outside the widget and cannot be read.

None of the widgets can be configured. Both widgets use synchronous loading, and the user interface of the widgets can not be changed. Let's see if we can find a better candidate.


Let's look at another popular site that offers a simple and free mortgage calculator script.

The website allows you to customize the calculator and select different sizes, such as - 960x330, 700x330, 500x330. You can also change the background color. Mortgage amortization is shown by year. Unfortunately, there is no way to download the breakdown by months.

The mortgage amortization widget shown below looks good, but it lacks functionality. For example, it is not possible to load an amortization schedule with a detailed breakdown by month, nor is it possible to add an extra payment or add a PMI / HOA payments


Mortgage Calculator

This the very popular mortgage calculator script powered by This widget is small and good looking. It allows to specify property taxes, PMI and even insurance. You can see the amortization schedule grouped by years, total monthly payment and payoff date. Also this mortgage calculator widget allows you to specify the initial values of the loan. This can be a very useful feature if you want your widget to be pre-populated with known values.

Amortization schedule is shown in the popup window, and the bad news at the bottom of the page it displays ads. You can check it yourself by pressing calculate button.

The code of the mortgage calculator embeds the outdated version of Jquery into the page, which conflicts with the current version. This is a very bad solution.

A good feature of this widget is that it uses asynchronous loading and Akamai CDN (the leading content delivery network) to host the widget's code, which means that even if the widget's website does not work, your website will still be OK.


This widget allows you to change the background color and locale. For example, you can choose not only US dollars, but also Brazilian reals. It features a full cost/payment breakdown, interactive charts and both monthly and yearly amortization schedules. The widgets are fully responsive, compatible with all modern browsers and will work on any website. The bad news is that most of the widgets are paid, the price starts at $ 50 per year. On this page, I will place the free version of the widget. The mortgage calculator opens in the new popup window.

Click to open in the pop-up window


This free mobile-friendly amortization calculator widget works well on desktops, tablets or phones. It adapts itself to your website’s layout and user device’s screen size. But it cannot be customized. There is no way to download amortization schedule. Also, it's synchronous downloading - your site visitors will have to wait for the widget to load.


This mortgage calculator widget is a free 3-in-1 calculator. It also includes mortgage affordability calculator. It allows you to calculate a purchase price based on a set monthly cost. This is a small nice looking mortgage calculator. A detailed report opens in a different tab. It includes taxes, HOA and insurance.

Mortgage Calculator


This website offers 3 different layouts:

  • a full-sized calculator,

  • a narrow sidebar calculator,

  • a basic narrow calculator.

There is an ability to dynamically pass the home loan amount, interest rate and loan to automatically set calculation defaults. This is very useful if you want to set default values when opening a page. Most widgets do not have this capability.

When you click on the print button, an amortization schedule opens in a new window ready for printing.

The best mortgage calculator widget

If you know other good widgets for calculating a mortgage payment, contact us and we will include them in the list. When we decided whether we should make a widget, we decided to analyze the existing solutions. We were surprised at how poorly designed the existing widgets. Now our team is actively working on creating a new widget without the drawbacks mentioned above:
  • It will be responsive and mobile-friendly.

  • No adds, but still completely free.

  • It will not include in your outdated version of third-party libraries that break your page.

  • It will work on your page even if our website is not responding for some reason.

  • It will not block content loading on your page.

  • It will be highly customizable, including fonts, background colors, additional fields like PMI.

  • The widget's code will be hosted on best content delivery network.

Get in touch with us if you are interested in receiving such widget.