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


17. August 2022 2 replies
Was a little hesitant by the lack of reviews, but this is the best calculator builder on WP. No bloat, easy to use and understand, and excellent support. I initially had a problem on my end and support had me rolling in just a couple of hours. It's hard to find amazing plugins that also have amazing support, but this plugin really does!
11. August 2022
Simple calculator plugin that works really well for my website. Bit of a learning curve especially with complex conditional formula and other mathematical calculations outside addition, subtraction, multiplication and division. But once you get it figured out, it works really well. Support has helped me troubleshoot and with syntax.
16. Juli 2022 1 reply
Thank you for the great and fast service despite the war and that it's a free plugin. 🙏🏽
4. Mai 2022 1 reply
One Featured If possible Auto-generate formula with given Field. If this featured already available then please let me know
19. April 2022
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.
Lies alle 9 Rezensionen

Mitwirkende & Entwickler

„Calculator Builder“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:


Übersetze „Calculator Builder“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.



  • Fixed: function roundVal


  • Fixed: minor bug


  • Fixed: builder options ‚addon‘ and ‚required‘
  • Fixed: minor bug


  • Added: option ‚obfuscation‘;


  • Added: the ability to add more than one calculator per page
  • Improvement: the work of scripts on the page


  • 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