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

Copy and paste the entire code below into a new kvCORE Custom Page and you’ll get a full width (no sidebar) mortgage calculator that is mobile responsive. You can even set default values for purchase price, down payment, interest rate, and more! For our Canadian friends, click here…

Note: if you’re installing this on Kunverion/k+, you must be on the broker/admin login, and you’ll want to run the below code through an HTML minifier before pasting into your custom page. This is due to the way the Kunversion text editor adds paragraph tags after line breaks in custom HTML markup. kvCORE users can simply copy and paste the code below.

Too busy or too geeky for you to do? Hire us to install and customize the values for you! Click here for more info.

<!--START MORTGAGE CALCULATOR - COPYRIGHTED CUSTOM DESIGN CODE-->
<style>
.inner-main-content{padding-top:0}
.inner-main-content>.container{max-width:100%;padding:0}
.inner-main-content>.container>.row{margin:0}
.inner-main-content>.container>.row>.col-md-8{width:100%;max-width:100%;padding:0}
.inner-main-content>.container>.row>.col-md-8>.col-md-12{margin-bottom:0!important;padding:0}
.inner-main-content>.container>.row>.col-md-8+.col-md-4.col-lg-4,.sidebar{display:none}
iframe{height:2400px;width:100%;border:0}
@media (min-width:768px){iframe{height:1300px}}
@media (min-width:992px){iframe{height:1100px}}
</style>
<section id="mortgage-calculator" class="position-relative p-x-1 p-y-3 background-white">
	<div id="mortgage-calculator-content" class="container">
		<h2 class="m-b-2 text-center">Estimate Your Monthly Payment</h2>
		<iframe src="https://www.mortgagecalculator.org/webmasters/?downpayment=15000&amp;homevalue=300000&amp;loanammount=285000&amp;interestrate=4.5&amp;loanterm=30&amp;propertytax=2400&amp;pmi=1&amp;homeinsurance=1000&amp;monthlyhoa=0"></iframe>
	</div>
</section>
<!--END MORTGAGE CALCULATOR-->

Here is what the mortgage calculator will look like…