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 iframe embed code and paste it on WordPress, Wix, Squarespace, or any custom site. No account. 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 with plain-English verdict
- 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 plain verdict
- 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
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 verdict at a glance
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
- Plain-English DTI verdict
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 one line of 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 spend more time on the site, which reduces bounce rate and signals engagement to search engines
- 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
Standard payment calculator
- 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 Zillow or Bankrate to get more
- Often injects competitor lender ads (mlcalc.com)
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 iframe 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 iframe 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 iframe 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 iframe 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 iframe 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.
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 iframe 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.
Can I customize the calculator colors or logo?
Not in the free version. All five free embeds use the default OurNetHelps styling. Custom colors, your logo, and full white-label branding 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 one line of 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 independent 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.
