How to Add a Mortgage Calculator to Your Site

Written by liz barrett
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Add a Mortgage Calculator to Your Site
Add a free mortgage calculator to your website. (mortgage image by hans slegers from Fotolia.com)

If you are a realtor, real estate agent, mortgage broker or real estate professional, you can help your customers by adding a mortgage calculator to your web site or blog. If you're looking to buy or refinance a home, you can use a mortgage calculator to see what your monthly payment would be by entering the total loan amount, interest rate and number of years over which you want to make payments. A number of websites offer free mortgage calculator widgets to embed on your website, including mortgagecalculator.org and escapesomewhere.com. MLCalc.com provides both a JavaScript calculator and a WordPress plug-in.

Skill level:
Easy

Other People Are Reading

Instructions

  1. 1

    Visit the "Free Tools" page at mortgagecalculator.org (see Resources). Scroll down the page to see the variety of calculator styles and choose one that suits your needs.

  2. 2

    Click the "Copy to Clipboard" button below the calculator.

  3. 3

    Open your website design software and select the mode that allows you to insert HTML code.

  4. 4

    Insert your cursor at the point in the code that corresponds to the location where you want your mortgage calculator to appear on your website. To put the calculator at the top of your page, just below the heading, start at the top of the HTML code and scroll down until you see "<body>" (without the quotation marks) in the code. Put your cursor there.

  5. 5

    Press your keyboard's "Ctrl" and "V" keys simultaneously to paste the copied embed text into your HTML code.

  6. 6

    Save the page. Upload it to your server if necessary.

  1. 1

    Visit the "free real estate calculators" page at EscapeSomewhere.com (see Resources). Scroll down to the free mortgage calculator.

  2. 2

    Insert your cursor anywhere inside the text box to the right of the calculator.

  3. 3

    Press your keyboard's "Ctrl" and "A" keys simultaneously to select all of the text inside the box.

  4. 4

    Press the "Ctrl" and "C" keys simultaneously to copy the text to your clipboard.

  5. 5

    Open your website design software and select the mode that allows you to insert HTML code.

  6. 6

    Insert your cursor at the point in the code that corresponds to the location where you want your mortgage calculator to appear on your website. To put the calculator at the top of your page, just below the heading, start at the top of the HTML code and scroll down until you see "<body>" (without the quotation marks) in the code. Put your cursor there.

  7. 7

    Press the "Ctrl" and "V" keys simultaneously to paste the copied text into your HTML code.

  8. 8

    Save the page. Upload it to your server if necessary.

  1. 1

    Visit the "mortgage loan calculator widget" page at MLCalc.com if your website supports JavaScript (see Resources).

  2. 2

    Insert your cursor anywhere within the text box at the top of the page. This will select all of the text.

  3. 3

    Press your keyboard's "Ctrl" and "C" keys simultaneously to copy the text to your clipboard.

  4. 4

    Open your website design software and select the mode that allows you to insert HTML code.

  5. 5

    Insert your cursor at the point in the code that corresponds to the location where you want your mortgage calculator to appear on your website. To put the calculator at the top of your page, just below the heading, start at the top of the HTML code and scroll down until you see "<body>" (without the quotation marks) in the code. Put your cursor there.

  6. 6

    Press the "Ctrl" and "V" keys simultaneously to paste the copied text into your HTML code.

  7. 7

    Save the page. Upload it to your server if necessary.

Tips and warnings

  • Visit your website after you paste the embed code to make sure the process worked and the calculator functions as you expected.
  • If you are comfortable with HTML, put the embed code anywhere you want between the "" and "" tags on the page.
  • Follow instructions at MLCalc.com to download and use the free mortgage calculator plug-in on your WordPress blog (see Resources).

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.