Calculator Builder – Create an Online Calculator

Mô tả

Introducing the Calculator Builder WordPress plugin – the ultimate WordPress plugin that allows you to create online calculators for any calculation. You can also add style to your calculator and customize it the way you want. Calculator Builder is a great plugin to have awesome and easy-to-use calculators. It has powerful tools to create an intuitive calculator and to use them for different purposes. Display any type of calculator on your website to make it more engaging and user-friendly, such as health and financial ones. The Calculator Builder plugin provides you with elements such as checkboxes, radio buttons, numbers, and dropdowns. It has an amazing set of features that will help you create the online calculator you want very quickly and effectively.

Key Features

  • Intuitive interface – the Calculator Builder plugin has a very intuitive interface and is very engaging. You can create a calculator that perfectly matches your website design, and is highly customizable.
  • Easy to use – another important feature of the Calculator Builder WordPress plugin is that it is super easy to use. With its well-designed interface and structure, you can easily understand how to create calculators even if you are not a developer and don’t have coding skills. However, complex calculators will still require JavaScript skills.
  • Unlimited items to use for calculators – Calculator Builder provides you with unlimited items to include in your individual calculator. This is also a great feature as not many calculator builders provide you with lots of items.
  • User-friendly – Sometimes different types of calculators can look confusing, for instance, Financial Calculators. can look confusing. Many users pay attention to the user-friendly aspect of calculators. The Calculator Builder plugin provides you with a great user experience as it is made to make the calculation process easier and quicker.
  • Highly customizable – CalcHub extension helps you to easily design the calculator the way you want. This will help you to brand your website by making the calculator an inseparable part of it.
  • Live builder – Լive builder allows you to see the calculator created. This will save you time during the process of creation.
  • Usage of Vanilla JS: without using the jQuery library
  • Export/Import tool – Calculator Builder allows you to export and import calculator data
  • Field types such as “Title”, “Separator”, “Spacer”, “Textarea”, and “Input”

Use Cases

1 Finance calculators

Do you write a blog? Own a car dealership? Or are otherwise involved in financial services? Then you should consider adding the Calculator Builder plugin to your website which will easily carry out financial calculations and ease the processes concerning any aspect of your finances.

You can do the following types of financial calculations:

2 Health calculators

Do you own sports, diet, or health websites? Are you involved in health-related services? If yes, then you should start using the Calculator Builder WordPress plugin as a health-related calculator to make your work easier.

Examples online calculators

Elements

The calculator elements of WordPress Calculator Builder include the following:

  • Radio Button
  • Dropdown
  • Checkbox
  • Number
  • Textarea
  • Date
  • Time
  • Range

Field Types

Number – a control used for numbers. When supported, it shows a spinner and applies to default validation. Some devices with dynamic keypads show a numeric keypad.
Select – the select element depicts a control with a menu of choices
Radio – set the title and select a single value from multiple choices with the same name value –
Checkbox – select single values
Number and Select – insert Number and Select fields, set the title, choose the addon and write the preferred value
Buttons – write the title, and then set the “Calculate” and “Reset” buttons
Result – set the field containing the outcome. It is a read-only field.
Title – set the title without fields. You can control size and wight of the font;
Separator – add the separator to the calculator form as a line
Spacer – add space between fieldset
Textarea – add textarea to the form
Input – you can use the next type of the field: Text, Email, Date, DateTime, Month, Time, Week
Range – a slider or dial control.

Formulas

Comparison and Conditional Formula – if(){}, else , if(){}, Else{}, >=, <=, ==, &&, ||
Math Static Properties – Math.E, Math.LN2, Math.LN10, Math.LOG2E, Math.LOG10E, Math.PI, Math.SQRT1_2, Math.SQRT2
Math Static Methods – Math.pow(), Math.sqrt(), Math.ceil(), Math.round(), Math.random(), Math.max(), Math.min(), Math.log(), Math.abs(), Math.acos(), Math.asin(), Math.atan(), Math.atan2(), Math.cos(), Math.exp(), Math.sin(), Math.tan(), Math.trunc()

Video

How to Get Started with the WordPress Calculator Builder plugin

PRO Features

  • Customize the calculator for each individual calculator.
  • Add the button likes and calculation counter to your calculators and you’ll be able to track it easily.
  • Easily add an online calculator print button as well as a copy URL button.
  • Integration WordPress plugin Contact Form 7 with Calculator Builder. Easily send the calculator result by email.

Get PRO Extension

Find your Bundle of the Calculators

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, and the second parameter (decimals) is the number of numbers after the decimal point.

Conditional 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;
}

Support

If you have any questions concerning the plugin ask us at the WordPress forum.

Ảnh màn hình

  • Admin – calculators list
  • Admin – add fields to the calculator form
  • Admin – calculator builder live preview
  • Admin – add the formula for calculator
  • Frontend – calculator on frontend

Cài đặt

Option 1
* Go to the WordPress dashboard
* Click “Add New” in the “Plugins” section
* Type the plugin name ‘Calculator Builder’ in the search line
* Find the plugin and activate

Option 2
* Download the ZIP file of the Calculator Builder
* Go to the “Plugins” section of the WordPress dashboard
* Upload the ZIP file
* Activate the “Calculator Builder” Plugin
* Build the calculator
* Click save
* Copy and Paste the shortcode of the calculator where you want it to be
* 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('[Calculator id=1]');?>

Đánh giá

6 Tháng sáu, 2024 1 trả lời
I recently had the pleasure of working with one of the developers of this WordPress plugin, and I must say, the experience was outstanding! I needed to implement a pet food calculator that dynamically changes field labels based on user input without triggering an immediate calculation. Initially, I struggled with this functionality, but the support I received from the plugin contributor, DmtLo, was exceptional. The support was not only fast but also incredibly helpful, addressing my concerns and providing a solution that was easy to implement. As a result, I was able to further develop and customize the calculator to enhance its functionality. I highly recommend this plugin for anyone in need of a reliable and flexible solution, backed by a responsive and knowledgeable support team. Well Done!
3 Tháng năm, 2024 1 trả lời
Just starting to use this plugin and have been very encouraged by how responsive the developer has been to questions I’ve had. For something they are spending their time on for free it’s an example to the community. I hope this plugin continues to develop and is able to find a fair way to reward their effort.
29 Tháng tám, 2023 1 trả lời
Works fine, but I left only 4 starts because support is bad.
29 Tháng bảy, 2023 1 trả lời
Thanks a lot for this wonderful plugin ! It offers a lot of wonderful features and it is very easy to use it !
Đọc tất cả 17 đánh giá

Người đóng góp & Lập trình viên

“Calculator Builder – Create an Online Calculator” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

Nhật ký thay đổi

1.6.2

  • Fixed: main icon in the admin menu.
  • Fixed: minor bugs
  • Update: translate file

1.6.1

  • Fixed: minor bug with saving the calculator

1.6

  • Added: Add the field ‘Time with seconds’
  • Added: Value to the field ‘Range’

1.5.6

  • Fixed: problem with create the table in database.

1.5.5

  • Fixed: don’t uncheck the option ‘Calculate when the parameters are changed’

1.5.4

  • Fixed: dynamic property for PHP 8.2

1.5.3

  • Added: option ‘Perform the calculation only when the button is clicked.’
  • Fixed: small issue with shortcode

1.5.2

  • Changed: links to calculators

1.5.1

  • Fixed: minor bug in page-list

1.5

  • Added: function for alert for error calculation read more

1.4

  • Added: submit button in the bottom of the form
  • Added: type ‘required’ for fields: Text, Textarea
  • Added: option ‘Hide fields of results when changing calculator parameters’
  • Optimized: builder script & style
  • Fixed: minor bug with create variables

1.3.1

  • Changed: the data table fields type from text to LONGTEXT

1.3

  • Added: possibility resize the form in admin
  • Fixed: the radio field was omitted in variable field[]
  • Fixed: checkbox value was sting. Change on number.
  • Fixed: checkbox value get when the checkbox checked, other = 0;

1.2

  • Added: includes JS and CSS files
  • Added: support RTL
  • Added: minification script and style

1.1

  • Added: option for calculation when form load
  • Added: variables: fieldset, label, field
  • Added: custom functions: hide, show, addClass, removeClass

1.0

  • Added: button ‘New’ in page created the calculator
  • Changed: create calculator without the button ‘Calculate’
  • Fixed: selected current tag in filter
  • Fixed: item count in List table

0.4.3

  • Fixed: Obfuscation function

0.4.2

  • Fixed: saving parameters in database

0.4.1

  • Fixed: show calculator on page, custom post

0.4

  • Added: New Fields type: Textarea and Input
  • Added: new types to Result: HTML block and textarea
  • Added: tag for calculator
  • Added: function for copy shortcode
  • Improvement: plugin admin style

0.3.5

  • Fixed: function roundVal

0.3.4

  • Fixed: minor bug

0.3.3

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

0.3.2

  • Added: option ‘obfuscation’;

0.3.1

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

0.3

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

0.2

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

0.1

  • Initial release