Mortgage Calculator Widget

Help buyers understand the monthly cost of a home.

Add a responsive fixed-rate mortgage estimate to any listing or landing page, then match it to your brand from IDXApps.

Get started Explore features
Mortgage Calculator

Turn a listing price into a clearer monthly-payment story.

Give buyers an approachable fixed-rate mortgage estimate without sending them away from your website. Customize the assumptions, costs, colors, copy, and call to action from IDXApps.

Responsive embed Two layouts Branded CTA No coding required

One calculator, two distinct experiences

Select the layout that fits the page. The financial assumptions and calculation remain consistent between both designs.

Design 01

Compact

Listing-ready

A focused, single-card calculator designed for listing detail pages, sidebars, and narrower content columns.

  • ✓Essential inputs remain visible and easy to scan.
  • ✓The payment result receives immediate visual priority.
  • ✓Works naturally in constrained embeds and mobile layouts.

Design 02

Planner

Scenario-friendly

A spacious two-panel layout for buyers who want to understand the assumptions behind the total.

  • ✓Inputs and results stay visually separated on wide screens.
  • ✓Optional costs can be compared line by line.
  • ✓The layout stacks cleanly for phones and small containers.

What it estimates

More than principal and interest

Build a more useful monthly estimate by choosing which common housing costs to include.

Principal
Interest
Property taxes
Home insurance
PMI
HOA dues
1

Choose a layout

Start with Compact or Planner and switch later without creating another app.

2

Set defaults and brand

Configure rates, costs, typography, colors, CTA, and disclosure copy.

3

Embed on your site

Copy the generated script tag and place it where you want the calculator to appear.