Affordability Calculator Demo Page

Basic Usage

To use the Affordability Calculator with default settings, insert the following shortcode into your content:


Home Affordability Calculator

Mountain white frappuccino sugar mazagran mug aged dripper siphon medium rich dark. Body shot sit rich redeye sit roast carajillo. Galão skinny qui froth french lungo cream ristretto spice fair kopi. Robusta go robust skinny medium mocha aroma single kopi cup cinnamon shot caramelization go carajillo. Milk pumpkin spoon roast press latte extraction at beans irish black id seasonal bar chicory.
Con single cinnamon cup and et siphon saucer sugar. In french iced decaffeinated cinnamon et acerbic redeye grinder extraction shop flavour. Doppio variety whipped extraction con au seasonal aroma aftertaste eu aroma arabica aromatic spice. Chicory grinder aftertaste body cream lait milk turkish. Roast turkish medium panna mountain kopi carajillo dripper trifecta body strong.

Total Monthly Payment

Show Advanced Hide Advanced
Loan Amount
Down Payment
Your Monthly Payment
Principal & Interest
Tax & Insurance
Show Disclaimer
Hide Disclaimer

Mocha skinny beans milk spice iced doppio beans body iced medium plunger organic caffeine. White sweet french barista doppio robusta crema trifecta steamed trifecta bar irish shot. Half flavour pot café dark frappuccino mazagran foam spice. Trade kopi skinny beans pumpkin french sweet blue mazagran strong as. Irish decaffeinated filter lait mountain and et mug.

This will display the calculator with pre-configured settings from your plugin options. Users can enter their details to see if the home is within an affordable range

Advanced Usage with Optional Parameters

For a more customized experience, you can use the shortcode with optional parameters. Each parameter allows you to set a default value for a specific field in the calculator. The available parameters are:

  • loan_term: The term of the loan in years (comma-separated for multiple options).
  • monthly_income: Household monthly income
  • monthly_expenses: Household monthly expenses
  • down_payment_percentage: The down payment percentage.
  • interest_rate: Interest Rate
  • monthly_property_tax_and_fees: Monthly Property Taxes and Fees
  • property_insurance: Property Insurance
  • estimated_home_price: The price of the home.

Example with all parameters:

[affordability_calculator loan_term="30" monthly_income="8000" monthly_expenses="1600" down_payment_percentage="10" interest_rate="3.5" property_tax_and_fees="2" property_insurance="1" estimated_home_price="300000"]

This will display the Affordability Calculator with the specified values as defaults. Users can still modify these values in the calculator interface.

Important Notes:

  1. Shortcode Parameters: The parameters in the shortcode overwrite the default settings from the plugin options. If a parameter is not specified, the calculator will use the default setting from the plugin options.
  2. Loan Terms: For the loan_term parameter, if you provide a comma-separated list (e.g., loan_term="15,20,30"), these values will be used as radio button options for the loan term. If loan_term is not specified, the calculator will use the default loan terms defined in your plugin options.
  3. Formatting: Ensure that the values for currency fields (like home_price, est_monthly_property_tax, etc.) are provided without formatting (i.e., no commas, currency symbols, etc.). Percentages should be provided as numbers without the percent sign.
  4. Compatibility: Check your theme and other plugins for compatibility to ensure the calculator displays and functions correctly on your site.

By following these instructions, you can effectively integrate and customize the Affordability Calculator on your WordPress website to meet your specific needs.

When you use our Affordability Calculator on your website, it comes with an intuitive feature designed for both your convenience and to enhance the user experience. Here’s a simple breakdown of what happens when a user interacts with the “Get Started” button:

Seamless Data Transfer to a New Form

  • Get Started Button: At the end of the Affordability Calculator, users will find a “Get Started” button. This is not just a call to action but also a smart bridge to a new form.
  • Automatic Data Collection: When a user clicks the “Get Started” button, the values they have entered into the calculator – such as the home price, down payment, and loan terms – are automatically transferred to a new form. This means they don’t have to re-enter this information, making the process smoother and more user-friendly.

Lead Submission Form: Gathering Essential Information

  • Basic Details: The new form, which appears after clicking “Get Started”, is straightforward. It asks for the user’s basic information: their name, email address, and phone number.
  • Loan Information Included: Along with these personal details, the form will also include the data from the Mortgage Payment Calculator. This ensures that when the user submits the form, they are not just providing their contact details but also the specific loan information they were interested in.