Calculator Builder


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.


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


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


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


  • 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]');?>


Thank you for the great and fast service despite the war and that it's a free plugin. 🙏🏽
Bastante interesante el plugin. Puedes hacer de todo siempre y cuando conozcas un poco de lógica y matemática. Muy abierto. Ojalá en un futuro incluya plantillas variadas, y capacidad de modificar el aspecto visual. De ahí en más, 10/10.
Посмотреть все 7 отзывов

Участники и разработчики

«Calculator Builder» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:


Перевести «Calculator Builder» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений


Added: New fields: Title, Separator
Added: function for Export/Import calculators
Added: Documentation page
Added: Changelog page
Fixed: saving calculators with conditional symbols


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


  • Initial release