Calculator Builder

Description

A simple tool to create an online calculator. You can create simple calculators for any kind of calculation.

All calculators on the site CalcHub are created using this plugin.

Quick Start video

How to use and create a new popup with Popup Box plugin for WordPress.

Calculator Elements:

  • Number
  • Dropdown
  • Radio Button
  • Checkbox

Main features

  • Unlimited items: no limited to the number of calculators;
  • Live builder;
  • Vanilla JS: without using jQuery library;

Type of the Fields

  • Number – a control for entering a number. Displays a spinner and adds default validation when supported. Displays a numeric keypad in some devices with dynamic keypads.
  • Select – element represents a control that provides a menu of options
  • Radio – a radio button, allowing a single value to be selected out of multiple choices with the same name value.
  • Checkbox – a check box allowing single values to be selected/deselected.
  • Number & Select – inserts two fields Number and Select
  • Buttons – set the buttons for Calculate and Reset data in the calculator form
  • Result – set the field with result. This field readonly.

EQUATION / FORMULA

To calculate the result, you must use the variables in the Formula field

  • Variable x[] – the variable is used for the field that takes part in the calculation
  • Variable y[] – variable for displaying the result

    y[1] = x[1] + x[2];

    y[1] = x[1] – x[2];

    y[1] = x[1] * x[2];

    y[1] = x[1] / x[2];

Formula with additional variables

You can use the additional variables in the formula field for to facilitate writing the formula and displaying the result.

For Example, Formula Monthly payment for Loan:

let r = x[2] / 1200;
let A = x[1];
let N = x[3];

let result = ( r * A ) / ( 1 - Math.pow((1+r), -N));
y[1] = roundVal(result, 2);

roundVal(val, decimals) – function for rounding a number. The first parameter (val) is the number to be rounded, the second parameter (decimals) is the number of numbers after the decimal point.

Сonditional formula

You can use complex structures to calculate the results.
the ability to use the following comparison operators:
* < less
* > more
* == equal

For Example:

if( x[1] < 100 ) {
    y[1] = x[2] * 2;
} else if ( x[1] < 200 ) {
    y[1] = x[2] * 3;
} else {
    y[1] = x[2] * 4;
}

To improve the plugin’s functions and add new functions, write to us on the support forum or send requests on the github.

Project on GitHub https://github.com/wow-company/calculator-builder/

Support

Search for answers and ask your questions at forum or send requests on the github

Screenshots

  • Loan Monthly payment Calculator
  • Set the field into the calculator form
  • Visual calculator builder in dashboard
  • Formula field

Installation

  • Installation option 1: Find and install this plugin in the Plugins -> Add new section of your wp-admin
  • Installation option 2: Download the zip file, then upload the plugin via the wp-admin in the Plugins -> Add new section. Or unzip the archive and upload the folder to the plugins directory /wp-content/plugins/ via ftp
  • Press Activate when you have installed the plugin via dashboard or press Activate in the in the Plugins list
  • Go to Calculator Builder section that will appear in your main menu on the left
  • Click Add new to create your first countdown
  • Build calculator
  • Click Save
  • Copy and paste the shortcode, such as [Calculator id=1] to where you want the countdown to appear.
  • If you want it to appear everywhere on your site, you can insert it for example in your header.php, like this: <?php echo do_shortcode('[CCalculator id=1]');?>

Reviews

يوليوز 19, 2021
Little bit weird to set it up initially to make it work, but once you get the hang of it, it is simply awesome. The YouTube video is a must, without it I would not be able to get it to work. Not using jQuery is the icing on the cake. Nicely done, very impressuve !
Read all 2 reviews

Contributors & Developers

“Calculator Builder” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Calculator Builder” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

0.2

  • Updated: file for translate .po
  • Added: link to Documantation

0.1

  • Initial release