Free Mortgage Calculator Widget and Embed Code for Your Website
Five free mortgage calculator widgets you can add to any website in minutes. Copy the embed code and paste it on WordPress, Wix, Squarespace, or any custom site. No account and no monthly fee.
Mortgage Decision Engine
Am I ready to buy a home?
- Buyer readiness score 0 to 100
- DTI zone chart with safe, OK, and high ranges
- Buyer profile and readiness explanation
- Approval probability gauge
- What-If Simulator with 6 live scenarios
- Loan type recommendations (FHA, VA, USDA, Conventional)
- Personalized next steps for the buyer
Refinance Decision Engine
Should I refinance my mortgage?
- Refinance score 0 to 100 with a clear summary
- Break-even timeline calculation
- Current vs new payment comparison
- Loan balance chart over remaining term
- Cumulative savings chart with break-even marker
- What-If Simulator with 6 live scenarios
- Cash-out LTV check with 80% cap warning
Mortgage Payment Calculator
What will my monthly payment be?
- Full PITI payment including PMI and HOA
- 15 vs 30 year term comparison
- Extra payment payoff savings calculator
- Loan balance vs total paid chart
- Full yearly amortization schedule
- Estimated PMI removal date
- Your brand color and your own heading
Mortgage Affordability Calculator
How much home can I afford?
- Conventional, FHA, and VA program comparison
- Front-end and back-end DTI bars
- Maximum home price based on income
- Down payment and cash-to-close breakdown
- Payment mix and loan balance charts
- Affordability summary in one screen
DTI Ratio Calculator
What's my debt-to-income ratio?
- Front-end and back-end DTI gauge
- Loan eligibility check across Conventional, FHA, VA, and USDA
- Personalized DTI reduction plan
- Debt breakdown chart
- Income remaining and max new debt allowance
- DTI result with a simple explanation
Customize the Mortgage Payment Calculator for Your Brand
Pick your brand color and heading below and your embed code updates as you type. No coding needed.
Prefer to edit the code yourself? Add these to the end of the src address, starting with ? and joining more than one with &: color=0f766e for your brand color (hex code without #), title=Your+Heading for your own heading (use + for spaces), align=left to left-align the heading, and header=0 to hide it.
What Is a Mortgage Calculator Embed Code?
A mortgage calculator embed code is a short snippet of HTML you paste into any webpage to display a working mortgage tool without building it yourself. When a visitor lands on your site and uses the calculator, it runs directly on your page. They never leave your website to get their numbers.
The most common format is an iframe. You copy the code, paste it into your page editor, and a fully functional mortgage calculator appears. No plugins to configure, no backend to set up, no API keys to manage.
This page includes five free widgets. The Mortgage Decision Engine and Refinance Decision Engine go further than a standard payment calculator, each is a decision engine that gives buyers and homeowners a scored assessment of their situation, not just a monthly payment number. The Payment, Affordability, and DTI Ratio calculators cover the foundational numbers buyers ask first: what their monthly payment will be, how much home they can afford, and whether their debt-to-income ratio fits a given loan program. You can place any of these widgets on a broker website, loan officer website, mortgage company site, or any real estate website.
Why Mortgage Brokers Use Interactive Decision Engines
Most mortgage calculators on broker websites output one number: the monthly payment. That number alone does not tell a buyer whether they are financially ready to apply, which loan type fits their profile, or what their debt-to-income ratio means for approval odds.
A mortgage decision engine changes what arrives in your inbox. Instead of "I used your calculator and I want to know more," a buyer completes a three-minute assessment and you receive a profile showing their DTI, credit range, down payment, loan type fit, and a readiness score. That is a qualified lead, not a cold inquiry.
Brokers who add an interactive mortgage calculator widget to their website see three practical benefits:
- Buyers arrive at the first call already understanding their numbers, which shortens the qualification conversation
- High-intent visitors stay on your site to run their numbers instead of leaving to do it somewhere else
- The tool works around the clock, qualifying visitors at 11pm the same way it does at 11am
The Refinance Decision Engine serves your existing client base. A homeowner who bought three years ago at a higher rate can check in seconds whether refinancing makes sense given their current balance, equity, and how long they plan to stay. That is a re-engagement tool built into your website.
If you would rather not manage lead capture yourself, MDE Pro takes a different approach: a fast 8-question readiness check that bridges qualified borrowers straight into your existing application system, such as Floify, Arive, or LendingPad, managed by OurNetHelps as a monthly subscription.
Mortgage Decision Engine vs Standard Mortgage Calculators
Basic payment calculator widget
- Outputs one number: monthly payment
- No DTI analysis or approval context
- No buyer readiness scoring
- No loan type guidance
- No lead capture built in
- Sends visitors to other websites to get more
- Some show ads from other lenders
Mortgage Decision Engine
- Full buyer readiness score 0 to 100
- DTI zone chart with safe, OK, and high ranges
- Approval probability across four factors
- Loan type recommendation with explanation
- What-If Simulator with 6 live scenarios
- Personalized next steps keep the buyer on your site
- No competitor ads, ever
How to Add the Mortgage Calculator Widget to Your Website
Copy the embed code above and follow the steps for your platform below. The mortgage calculator widget installs in under five minutes on any platform. No coding knowledge required.
🔷 WordPress: Add mortgage widget
- Open the page where you want the calculator in the WordPress editor
- Add a new block and search for Custom HTML
- Paste the embed code into the Custom HTML block
- Click Update or Publish
- View the page to confirm the calculator loads
🟦 Wix: Add mortgage widget
- Open your page in the Wix Editor
- Click Add Elements and select Embed Code
- Choose Embed HTML from the options
- Paste the embed code into the HTML box
- Resize the embed block to fit your layout and publish
🟠 Squarespace: Add mortgage widget
- Open the page in your Squarespace editor
- Add a new block and select Code from the list
- Paste the embed code into the code block
- Save and preview the page
- Publish when ready
🟣 Webflow: Add mortgage widget
- Open your page in the Webflow Designer
- Drag an Embed element onto the canvas
- Double-click the embed element to open the code editor
- Paste the embed code and click Save and Close
- Publish your site
If you use a different platform, the process is the same wherever your site supports pasting raw HTML. Look for an HTML block, embed element, or code snippet option in your page editor.
The Payment, Affordability, and DTI Ratio calculator codes have two lines: the iframe and a short script that sizes the calculator to fit your page, so there is no inner scrollbar or empty space. Paste both lines together. If your site builder removes the script, the calculator still works and scrolls inside its frame. On Wix, make the embed box tall enough to show the whole calculator.
Using a page builder or another platform? On Elementor, use the HTML widget. On Divi, use the Code module. On Blogger, switch the post editor to HTML view before pasting. In the WordPress Classic editor, paste into the Text tab, not the Visual tab. If a platform only accepts the iframe line, paste that line alone: the calculator still works and scrolls inside its frame. You can place more than one calculator on the same page.
Frequently Asked Questions
Is this mortgage calculator really free?
Yes. All five calculator widgets on this page, the Mortgage Decision Engine, Refinance Decision Engine, Payment Calculator, Affordability Calculator, and DTI Ratio Calculator, are free to use with no time limit and no monthly cost. The only requirement is that the "Powered by OurNetHelps" footer remains visible. Lead capture, your own branding, and removal of the footer are available in the Decision Engine white-label version, or as a managed monthly subscription through MDE Pro.
Can I use this mortgage calculator on WordPress?
Yes. Add a Custom HTML block to any WordPress page or post and paste the embed code. It works on any WordPress theme and does not require a plugin. The calculator renders inside the iframe and inherits no styling from your theme.
Does the calculator work on mobile devices?
Yes. All five calculators are fully responsive and tested on mobile. Inputs, charts, and results panels reflow to a single column on smartphones and tablets, and every feature works the same as on desktop.
Does the free embed capture leads?
No. None of the free embeds capture lead data. Lead capture to Google Sheets and HOT LEAD email alerts to the broker inbox are features of the paid Decision Engine version. The free embeds give buyers a complete calculation without collecting their contact details.
Does the embed track my website visitors?
The calculators never collect visitor names, contact details, or anything a visitor types. Some free embeds, starting with the Payment Calculator, count anonymous usage such as page loads and button clicks, together with the name of the website they run on, so OurNetHelps can see which sites use them. The calculators set no cookies.
Can I customize the calculator colors or logo?
Yes, on the Payment Calculator you can set your brand color and your own heading. Use the customize tool on this page to pick your color and heading and copy your code, or add color= and title= to the end of the embed address yourself, for example ?color=0f766e&title=Estimate+Your+Payment. You can also left-align the heading with align=left or hide it with header=0. The other free embeds use the default OurNetHelps styling for now. Your logo, full white-label branding, and removal of the OurNetHelps footer are available in the paid Decision Engine, which is a one-time setup installed directly on your domain, or through MDE Pro's managed monthly plan.
Do I need coding knowledge to install it?
No. You copy the code and paste it into your page editor. Any platform that supports an HTML or embed block works. The steps for WordPress, Wix, Squarespace, and Webflow are listed above.
Can loan officers use this calculator on their website?
Yes. The free mortgage calculator widgets work for mortgage brokers, loan officers, mortgage companies, and real estate agents. Any site where buyers or homeowners might want to check their payment, affordability, DTI, or readiness to buy or refinance is a good fit.
Is there a white-label version without OurNetHelps branding?
Yes, in two ways. The Decision Engine removes all OurNetHelps branding, installs on your domain with your logo and colors, and adds lead capture with automatic Google Sheets saving and HOT LEAD email alerts, for a one-time setup fee with no monthly subscription. If you would rather have a fully managed solution, MDE Pro runs a fast readiness check and bridges qualified borrowers straight into your existing application system, billed as a monthly subscription.
What is the difference between the Mortgage Decision Engine and the Refinance Decision Engine?
The Mortgage Decision Engine is for buyers who are considering purchasing a home. It scores their readiness based on DTI, credit, down payment, and cash position. The Refinance Decision Engine is for existing homeowners considering refinancing. It calculates break-even timelines, payment comparisons, and lifetime interest savings based on their current loan and proposed new terms.
What is the difference between the Payment, Affordability, and DTI Ratio calculators?
The Mortgage Payment Calculator estimates the full monthly payment including principal, interest, taxes, insurance, PMI, and HOA, with a complete amortization schedule. The Affordability Calculator works backward from income and debts to show the maximum home price a buyer can qualify for under Conventional, FHA, or VA guidelines. The DTI Ratio Calculator focuses on the debt-to-income ratio itself, showing front-end and back-end DTI, eligibility across Conventional, FHA, VA, and USDA loans, and a personalized plan to reduce DTI if needed.
What is MDE Pro and how is it different from the Decision Engine?
The Decision Engine is a one-time purchase you install once and own outright, with full lead capture into your own Google Sheets or CRM. MDE Pro is a managed monthly subscription that runs a fast 8-question readiness check and bridges qualified borrowers straight into your existing application system, such as Floify, Arive, or LendingPad, with zero maintenance on your end.
Want lead capture and your own branding?
Choose a one-time Decision Engine that installs on your domain with your logo, captures every lead to Google Sheets, and sends a HOT LEAD alert to your inbox, or MDE Pro, a managed monthly subscription that bridges qualified borrowers straight into your existing application system.
