Embed

Embed our calculators into your website.

Access our calculators instantly and embed them into your website.

Embed our calculators into your website. It's easy and can really enhance your web site.

There are two methods embeding our calculators from your website; Linking and Modal Popup Window. Instructions for both methods are listed below.

Linking

Most Recommended Method

Full compatibility with desktops, tablets and smart phones.

About Linking

Create a link on your website, that when clicked, will launch the calculator on screen in a new tab.

This is the easiest implementation method.

Add the following HTML to your page

Change the href address to choose your calculator. The calculator name must use the name of our calculator listed on our website.

<body>

<!-- Change the href address to choose your calculator. The calculator name must use the name of our calculator listed on our website. -->
<a href="http://abakus.io/Real-Estate/Mortgage-Calculator" target="_blank"> Mortgage Calculator </a>
    
    
</body>

Example Below

Mortgage Calculator

Popup

High Compatibility

Compatible with most devices. Modern Browsers, Tablets and Smart Phones

About The Popup Window

Create a link on your website, that when clicked, will launch the calculator on screen.

Pure css, no javascript required.

Add the following HTML to your page

Change the calculator src url to select which calculator to use.

Link to the Abakus.io modal css document

Add a link to our css file in the head of your HTML page as shown below.

<head>

<link href="http://abakus.io/Content/modal.css" rel="stylesheet" />
<link href="http://abakus.io/Content/bootstrap.css" rel="stylesheet" />

    
</head>

Add the following HTML to your page

Change the calculator src url to select which calculator to use.

<body>

<!-- The fist line is the link that will appear on your page. -->
<!-- Can be styled with CSS for any look you're after. Button etc. -->
<!-- #Link Must be unique per page. Best to use the Calculator-Name for standardization -->
<!-- Fields shown in red below need to be changed for each calculator. -->
<a href="#Mortgage-Calculator">Mortgage Calculator</a>
<div id="Mortgage-Calculator" class="abakus-modal-dialog">
<p class="abakus-modal-title">Powered By <a href="http://abakus.io" target="_blank">Abakus.io</a></p>
<a href="#close" title="Close" class="abakus-close">×</a>
<div>
<iframe src="http://abakus.io/Real-Estate/Mortgage-Calculator?site=free" class="abakus-modal-iframe"></iframe><br />
<a href="http://abakus.io/Real-Estate/Mortgage-Calculator">Mortgage Calculator</a>
</div>
</div>

</body>

Examples Below

Equity Calculator

Mortgage Calculator

Rental Yield Calculator

Return On Investment Calculator

What To Offer Calculator