Integrate SmartrCalc™ Into Your Site Today

The first simple home search & affordability calculator

Thank you for joining the Smartr365 affiliate programme

We now want to make sure we can integrate SmartrCalc into your website with minimal fuss and effort on your part so you can have free use of the SmartrCalc website widget.

We suggest firstly agreeing with your website design company that they are happy to place a couple of lines of HTML into your website pages to launch the SmartrCalc feature, and also place click through buttons for the mortgage payments for each property listing on your website.

In order for the web design company to complete a change request to your website for the SmartrCalc integration, the instructions for them to do so are detailed below. From these instructions they can provide you either a free integration, or charge a standard development rate to do so.

It only requires a junior web developer to implement the following lines of code into your website, so any charges should be in-line with this. It would normally take between half and 1 hour to fully integrate SmartrCalc with an estate agents’ website which they have built and host.

The Key Choices To Make

  • Where do you want banners and links so that they will entice users to launch the SmartrCalc feature? The more prominent they are and having well-positioned links with good captions, the more visitors will use it and potentially increase mortgage and buyer leads.
  • What banners or links would you like in situ to launch SmartrCalc? Remembering that links with captions and buttons that have an emotive note get greater responses, so a caption like, “what can I afford right now?” or “Can you really afford the property you want?”, “what would my monthly mortgage payments be?” will work better than just “mortgage calculator”. We have a few banners to choose from, but by all means create your own with this in mind, and to look as different as you like.

This tool is used in conjunction with well-positioned links with enticing captions, to capture more visitors attention that will likely increase mortgage and buyer leads.

Step 1

Add the following script into the head section of your website. Replace YOURID with the SmartrCalc Affiliate Id provided to you. <script type="text/javascript" src="https://app.smartr365.com/intellicalc/intellicalc.aspx?aid=YOURID"></script>

Step 2

The choice of a banner is controlled via the account ID in the SmartrCalc settings or by passing in the banner name as a parameter. You can see the choice of banners at https://app.smartr365.com/intellicalc/banners <script type="text/javascript">intellicalc.Banner(name, width);</script>

Parameter Name Type Required Description
Name Text N The name of the banner you wish you use
Width Integer N The width you to constrain the banner too

Note

Please add the following script into the head section of your website only if your website is not javascript enabled. <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

Live Example

See the section below to find our collection & references for all banner assets.

This tool is used to calculate Monthly Payments and Stamp Duty.

Step 1

Add the following script into the head section of your website. Replace YOURID with the SmartrCalc Affiliate Id provided to you. <script type="text/javascript" src="https://app.smartr365.com/intellicalc/intellicalc.aspx?aid=YOURID"></script>

Step 2

The banner is controlled via your account ID in the SmartrCalc settings.

<script type="text/javascript">intellicalc.Step1(width);</script>
Parameter Name Type Required Description
Width Integer N The width to make SmartrCalc

Note

Please add the following script into the head section of your website only if your website is not javascript enabled. <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script><script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

Live Example

This tool is used to advertise the latest rates and monthly payments.

Step 1

Add the following script into the head section of your website. Replace YOURID with the SmartrCalc Affiliate Id provided to you. <script type="text/javascript" src="https://app.smartr365.com/intellicalc/intellicalc.aspx?aid=YOURID"></script>

Step 2

In the property details page, add the following code in the correct place to advertise the latest rates and the monthly payments for this property

Replace the PROPERTYPRICE with the price of the property, ensuring the numerical value of the price is sent in, for example, ‘295000’ <script type="text/javascript">intellicalc.EnquireButton(propertyprice);</script>

Parameter Name Type Required Description
Propertyprice Integer N The price of the property i.e. 279950

Note

Please add the following script into the head section of your website only if your website is not javascript enabled. <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script><script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

This tool is used to output each property in the results.

Step 1

Add the following script into the head section of your website. Replace YOURID with the SmartrCalc Affiliate Id provided to you. <script type="text/javascript" src="https://app.smartr365.com/intellicalc/intellicalc.aspx?aid=YOURID"></script>

Step 2

In the template that is used to output each property in the results, add the following code. Replace the PROPERTYPRICE with the price of the property, ensuring the numerical value of the price is sent in, for example, ‘295000’ <script type="text/javascript">intellicalc.MonthlyButton(propertyprice);</script>

Parameter Name Type Required Description
Propertyprice Integer Y The price of the property i.e. 279950

Note

Please add the following script into the head section of your website only if your website is not javascript enabled. <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script><script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

Integrating Settings

Please provide us with the following to control the look and feel of the widget. Colours should be provided in the HTML hex values.

  • Primary and Secondary text colours
  • Primary background box colour
  • 6 shades of colour for the slider, dark to light, usually starting from your primary background box colour
  • Chosen banner

Note

  • Affiliate id is required to activate SmartrCalc tool and it is generated on request by Smartr365 admin.
  • If you have already submitted your details and not received your Affiliate id after one business day. Then you can follow up on the Email Id help@smartr365.com.

Advertising Banners

When you sign up for SmartrCalc™, not only do you get the functionality it provides, you can choose any of our beautiful banners which will fit in your site, seamlessly!!

Simply use the reference name in the script code with your site to select the correct banner.

Reference Name: Borrow

 

 

 

                 

 

 

 

Reference name: Borrow2

 

 

 

Reference name: Horizontal

Reference name: Square

Reference name: Small

Reference name: Vertical