Mortgage calculators and charts for your blog or website

You can embed these on your website for free by simply copying and pasting the code anywhere in your website.

Referral partners

You will receive a $100 referral for every completed deal you refer to Houski. Sign up to be a referral partner.

embeddable Calculators

Home affordability (max purchase price)
 

You can embed this on your website by copying and pasting the following code anywhere between the <BODY> tags:

<div id="Houski-Affordability-Calculator"
titleText="What's my max purchase price?"
enableApplyButton="true"
buttonBackgroundColor="blue"
buttonTextColor="white"
applyButtonURL="https://app.houski.ca"
applyButtonUTMSource="test"
applyButtonUTMMedium="one"
applyButtonUTMCampaign="two"
enableDefaultStyling="true"
showTitle="true"
buttonText="Apply for mortgage">
</div>
<script src="https://www.houski.ca/hubfs/embedsv2/HouskiAffordabilityCalcuator.js"
defer="defer">
</script>
Mortgage payment calculator
 

You can embed this on your website by copying and pasting the following code anywhere between the <BODY> tags:

<div id="Houski-Payment-Calculator"
titleText="What will my monthly payment be?"
enableApplyButton="true"
buttonBackgroundColor="green"
buttonTextColor="white"
applyButtonURL="https://app.houski.ca"
applyButtonUTMSource="test"
applyButtonUTMMedium="one"
applyButtonUTMCampaign="two"
enableDefaultStyling="true"
requireCalculatorMath="true"
showTitle="true"
buttonText="Apply for mortgage"
></div>
<script src="https://www.houski.ca/hubfs/embedsv2/HouskiPaymentCalcuator.js" defer="defer"></script>
Amortization calculator
 

You can embed this on your website by copying and pasting the following code anywhere between the <BODY> tags:


<div id="Houski-Amortization-Calculator"
titleText="Amortization calculator"
enableApplyButton="true"
buttonBackgroundColor="green"
buttonTextColor="white"
applyButtonURL="https://app.houski.ca"
applyButtonUTMSource="test"
applyButtonUTMMedium="one"
applyButtonUTMCampaign="two"
enableDefaultStyling="true"
showTitle="true"
buttonText="Apply for mortgage"
chartHeight="40%"
chartWidth="100%"
interestLineColor="#e76f51"
interestPointColor="#fff"
principalLineColor="#2a9d8f"
principalPointColor="#fff"
></div>
<script src="https://www.houski.ca/hubfs/embedsv2/HouskiAmortizationCalculator.js" defer="defer"></script>

Embeddable charts

Canadian home prices by city
 

You can embed this on your website by copying and pasting the following code anywhere between the <BODY> tags:

<div id="Houski-City-Home-Price-Index" 
city="St-Johns" 
propertyType="two-story"
chartHeight="40%" 
chartWidth="100%" 
lineColor="rgba(75,192,192,1)" 
pointColor="#fff" 
backgroundColor="rgba(75,192,192,0.4)"
overrideLabel="Any label you want!"
></div>
<script src="https://www.houski.ca/hubfs/embedsv2/HouskiCityHomePriceIndex.js" defer="defer"></script>

<!--
city options:
Toronto
Vancouver
Victoria
Chilliwack
Edmonton
Regina
Lower-Mainland
Fraser-Valley
Okanagan-Valley
Calgary
Saskatoon
Barrie
Winnipeg
Cambridge
Huron Perth
London-and-St-Thomas
Mississauga
Oakville-and-Milton
Montreal
Moncton
St-Johns
Brantford
Grey-Bruce-and-Owen-Sound
Guelph
Hamilton-and-Burlington
Kitchener-and-Waterloo
Niagara
Ottawa
The-Southern-Georgian-Bay
Quebec-City

propertyType options:
composite
single-family
one-story
two-story
townhouse
apartment


-->
Bank of Canada overnight rate target
 

You can embed this on your website by copying and pasting the following code anywhere between the <BODY> tags:

<div
id="Houski-BOC-Overnight-Target-Rate"
chartHeight="40%"
chartWidth="100%" 
lineColor="rgba(75,192,192,1)"
pointColor="#fff"
backgroundColor="rgba(75,192,192,0.4)"
>
</div>
<script src="https://www.houski.ca/hubfs/embedsv2/HouskiBOCOvernightTargetChart.js" defer="defer"></script>

Are they free to use?

Yes, they are free to use on your website as you see fit.

Can I customize them?

Yes, you can can change the options in the <div> tag to suit your needs. 

You can also overwrite the default CSS styling to make the calculators and charts match the look and feel of your website.

You can enable or disable the "call to action" button, or change its link URL.

You can pass in some UTM parameters if you're installing the calculators on websites that refer traffic back to your site.

If you're technical, you can even change the button's behaviour entirely by have it call a custom function on your website's window object.

Do they work on both desktop and mobile?

Yes, they are responsive and will work well on both desktop and mobile devices.