WPCasa Mortgage Calculator

The WPCasa Mortgage Calculator add-on is required if you want to provide an instant mortgage calculator for the respective property on your offer page. This information shows the customers the mortgage that has to be paid and allows them to try out different options without leaving the page.

This add-on gives your user the ability to calculate the mortgage on the spot. You can set multiple default values, but your customers can also change these values according to their needs.

Add-On Settings

After activating the plugin you can head over to the add-on settings on WP-Admin > WPCasa > Settings and you will find the new Mortgage Calculator tab.

Here you can set the default values and optionally change the color of the calculation result box.

Default Interest in %

The default value for the interest in percent used by the calculator to perform the calculation. It can be changed by the customer on the single listing page.

Amortization Period (Years)

The default value for the amortization period in years used by the calculator to perform the calculation. It can be changed by the customer on the single listing page.

Show on Offer

Select the type of offer for which you want the mortgage calculator to be displayed.

Payment Period

Select which payment period should be used for the calculation. If you select more than one option, the user will be given a choice of payment periods on the single listing page.

Highlight Color

Set the color of the background of the calculation result.

To set the color, either use the color picker or enter a HEX code for the color value.

Highlight Text Color

Set the color of the text for the calculation result.
To set the color, either use the color picker or enter a HEX code for the color value (as shown in the previous image).

Add the calculator to the Listing Page Template

You can add the Mortgage Calculator to your listing page with the shortcode [wpsight_mortgage_calculator] or with the widget › WPCasa Mortgage Calculator.

Using the Shortcode

Add the shortcode [wpsight_mortgage_calculator] in your single listing page template. The shortcode supports the attribute orientation with the values vertical and horizontal. Vertical is the default value if no attribute is given.

For example you can add [wpsight_mortgage_calculator orientation="horizontal"] to show the calculator horizontally.

Setting up the Widget

If your theme supports widgets, you can easily add the mortgage calculator widget by dragging and dropping the widget into the corresponding sidebar.

In addition to the widget title, you must select whether you want to display the mortgage calculator vertically or horizontally.

Using the calculator on the listing page

When you open the single listing page, the mortgage calculator appears in the position where you placed the widget and in the orientation you specified.

The calculator is self-explanatory. The price of the listing is automatically used as the calculation value. The user can then specify what percentage of the purchase price is to be financed. Both the interest rate and the term can be set individually. If you have set different payment periods, a selection box will appear. Otherwise, the calculator will calculate the repayment according to your default settings.

Heads Up!

Layout of the calculator

The example above shows the mortgage calculator without any extra design or CSS. However, it adapts to the settings of your theme when displayed. Here is an example from another theme, without adding an extra line of CSS for the mortgage calculator.

Vertical alignment

Horizontal alignment

Please Notice!

Was this article helpful? Yes · No