How To: Add A (Canadian) Mortgage Calculator Custom Page To Your kvCORE Website

Copy and paste the codes below and you’ll get a kvCORE mortgage calculator custom page that is mobile responsive. For our friends in the US, click here…

Too busy or too geeky for you to do? Hire us to install and customize the values for you, and even remove the sidebar to make your calculator full width! Click here for more info.

Insert the following code into your kvCORE custom page. This must be entered as HTML.

<style>.calc-tip-wrapper{z-index:1!important}</style>
<h2 class="m-b-2 text-center">Estimate Your Monthly Payment</h2>
<div class="widget" data-widget="calc-payment" data-purchase="only" data-province="BC" data-lang="en"></div>

Insert the following code into your kvCORE ‘Web & IDX’ Custom Footer setting:

<script type="text/javascript" src="https://www.ratehub.ca/assets/js/widget-loader.js"></script>

Here is what the mortgage calculator will look like…