Calculator Widget

This widget will display the mortgage payment calculator.

Use filter options to set the initial values as needed.

NOTE: The Property Details widget also includes this calculator as part of its display.


  • Minimum width: Designed for mobile
  • Maximum width: Unlimited

Colors and Background

  • Widget Themes can be used to apply predefined, or your own, color schemes.
  • The chart colors are currently fixed. However, you may use CSS to set your own colors
  • The background is always transparent


We recommend that the Calculator widget is NOT displayed on the same page as the Property Details widget.


  • id="MBBv3_Calculator"
  • filter= (optional)
    Specify initial values for the various fields. 
    Using a filter with the widget is optional, but allows you to set the initial values.
    • price:{value} (default 500000) Set the initial price field
    • down_payment:{value}(default 100000) Set the initial Down Payment field.
    • loan_type:{10|15|20|25|30|40} (default 30)  Set the initial Loan Type.
    • interest_rate:{value} (default 3.92) Set initial interest rate.


The Calculator widget can be displayed using the following widget code:

The default :

<div id="MBBv3_Calculator"></div>

If you are using the Buying Buddy WordPress Plugin, then the short code is like this:

[mbb_widget id="MBBv3_Calculator"]

Example With Filter

To set the initial values, use filters as show in this example:

<div id="MBBv3_Calculator" filter="price:400000+down_payment:30000+loan_type:25+interest_rate:2.00">/div>
[mbb_widget id="MBBv3_Calculator" filter="price:400000+down_payment:30000+loan_type:25+interest_rate:2.00"]
Updated on January 10, 2023

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support