A powerful and user-friendly tool for building custom online calculators.

Wow-Company

DmtLo

calchub

<p>Introducing the <strong>Calculator Builder WordPress plugin</strong> – the ultimate WordPress plugin that allows you to create <strong>online calculators for any calculation</strong>. 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 <strong>intuitive calculator</strong> 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 <strong>quickly and effectively</strong>.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Intuitive interface</strong> – 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 <strong>highly customizable</strong>.</li>
<li><strong>Easy to use</strong> – 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 <strong>don’t have coding skills</strong>. However, complex calculators will still require JavaScript skills.</li>
<li><strong>Unlimited items to use for calculators</strong> – Calculator Builder provides you with unlimited items to include in your individual calculator. This is also a great feature as not many <strong>calculator builders</strong> provide you with lots of items.</li>
<li><strong>User-friendly</strong> – 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 <strong>Calculator Builder plugin</strong> provides you with a great user experience as it is made to make the calculation process easier and quicker.</li>
<li><strong>Highly customizable</strong> – CalcHub extension helps you to easily <strong>design the calculator</strong> the way you want. This will help you to brand your website by making the calculator an inseparable part of it.</li>
<li><strong>Live builder</strong> – Լive builder allows you to see the calculator created. This will save you time during the process of creation.</li>
<li><strong>Usage of Vanilla JS</strong>: without using the jQuery library</li>
<li><strong>Export/Import tool</strong> – Calculator Builder allows you to export and import calculator data</li>
<li><strong>Field types</strong> such as “Title”, “Separator”, “Spacer”, “Textarea”, and “Input”</li>
</ul>
<h3>Use Cases</h3>
<h4>1 Finance calculators</h4>
<p>Do you write a blog? Own a car dealership? Or are otherwise involved in <strong>financial services</strong>? Then you should consider adding the Calculator Builder plugin to your website which will easily <strong>carry out financial calculations</strong> and ease the processes concerning any aspect of your finances.</p>
<p>You can do the following types of <strong>financial calculations</strong>:</p>
<ul>
<li><a href="https://calchub.xyz/mortgage-calculator/" rel="nofollow ugc">Mortgage Calculator</a></li>
<li><a href="https://calchub.xyz/credit-card-minimum-payment/" rel="nofollow ugc">Credit card minimum payment</a></li>
<li><a href="https://calchub.xyz/loan-amount/" rel="nofollow ugc">Loan amount</a></li>
<li><a href="https://calchub.xyz/interest-rate/" rel="nofollow ugc">Interest rate</a></li>
<li><a href="https://calchub.xyz/loan-monthly-payment/" rel="nofollow ugc">Loan monthly payment</a></li>
<li><a href="https://calchub.xyz/category/finance/" rel="nofollow ugc">And more!</a></li>
</ul>
<h4>2 Health calculators</h4>
<p>Do you own <strong>sports, diet, or health websites</strong>? Are you involved in health-related services? If yes, then you should start using the Calculator Builder WordPress plugin as a <strong>health-related calculator</strong> to make your work easier.</p>
<ul>
<li><a href="https://calchub.xyz/body-fat/" rel="nofollow ugc">Body Fat</a></li>
<li><a href="https://calchub.xyz/bai-and-bmi/" rel="nofollow ugc">BAI and BMI</a></li>
<li><a href="https://calchub.xyz/ideal-weight/" rel="nofollow ugc">Ideal Weight</a></li>
<li><a href="https://calchub.xyz/lean-body-mass/" rel="nofollow ugc">Lean body mass</a></li>
<li><a href="https://calchub.xyz/fat-free-mass-index/" rel="nofollow ugc">Fat-Free Mass Index</a></li>
<li><a href="https://calchub.xyz/category/health/" rel="nofollow ugc">And many more!</a></li>
</ul>
<h4>Examples online calculators</h4>
<ul>
<li><a href="https://calchub.xyz/category/beauty/" rel="nofollow ugc">Beauty</a>:
<ul>
<li><a href="https://calchub.xyz/category/beauty/appearance/" rel="nofollow ugc">Appearance</a></li>
<li><a href="https://calchub.xyz/category/beauty/food/" rel="nofollow ugc">Food</a></li>
<li><a href="https://calchub.xyz/category/beauty/pregnancy/" rel="nofollow ugc">Pregnancy</a></li>
</ul>
</li>
<li><a href="https://calchub.xyz/category/finance/" rel="nofollow ugc">Finance</a>:
<ul>
<li><a href="https://calchub.xyz/category/finance/investment/" rel="nofollow ugc">Investment</a></li>
<li><a href="https://calchub.xyz/category/finance/loan/" rel="nofollow ugc">Loan</a></li>
<li><a href="https://calchub.xyz/category/finance/inventory/" rel="nofollow ugc">Inventory</a></li>
</ul>
</li>
<li><a href="https://calchub.xyz/category/medical/" rel="nofollow ugc">Medical</a>
<ul>
<li><a href="https://calchub.xyz/category/medical/health/" rel="nofollow ugc">General Health</a></li>
<li><a href="https://calchub.xyz/category/medical/cardiology/" rel="nofollow ugc">Cardiology</a></li>
<li><a href="https://calchub.xyz/category/medical/pharmacology/" rel="nofollow ugc">Pharmacology</a></li>
<li><a href="https://calchub.xyz/category/medical/pediatric/" rel="nofollow ugc">Pediatric</a></li>
<li><a href="https://calchub.xyz/category/medical/respiratory/" rel="nofollow ugc">Respiratory</a></li>
</ul>
</li>
<li><a href="https://calchub.xyz/category/engineering/" rel="nofollow ugc">Engineering</a>
<ul>
<li><a href="https://calchub.xyz/category/engineering/electrical/" rel="nofollow ugc">Electrical</a></li>
<li><a href="https://calchub.xyz/category/engineering/civil/" rel="nofollow ugc">Civil</a></li>
<li><a href="https://calchub.xyz/category/engineering/construction/" rel="nofollow ugc">Construction</a></li>
<li><a href="https://calchub.xyz/category/engineering/marine/" rel="nofollow ugc">Marine</a></li>
<li><a href="https://calchub.xyz/category/engineering/mechanical/" rel="nofollow ugc">Mechanical</a></li>
</ul>
</li>
<li><a href="https://calchub.xyz/category/web-tools/" rel="nofollow ugc">Web Tools</a>
<ul>
<li><a href="https://calchub.xyz/category/web-tools/converter-tools/" rel="nofollow ugc">Converter tools</a></li>
<li><a href="https://calchub.xyz/category/web-tools/text-tools/" rel="nofollow ugc">Text tools</a></li>
</ul>
</li>
<li><a href="https://calchub.xyz/category/converters/" rel="nofollow ugc">Converters</a></li>
</ul>
<h3>Elements</h3>
<p>The calculator elements of WordPress Calculator Builder include the following:</p>
<ul>
<li>Radio Button</li>
<li>Dropdown</li>
<li>Checkbox</li>
<li>Number</li>
<li>Textarea</li>
<li>Date</li>
<li>Time</li>
<li>Range</li>
</ul>
<h3>Field Types</h3>
<p><strong>Number</strong> – 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.<br />
<strong>Select</strong> – the select element depicts a control with a menu of choices<br />
<strong>Radio</strong>  – set the title and select a single value from multiple choices with the same name value –<br />
<strong>Checkbox</strong> – select single values<br />
<strong>Number and Select</strong> – insert Number and Select fields, set the title, choose the addon and write the preferred value<br />
<strong>Buttons</strong> – write the title, and then set the “Calculate” and “Reset” buttons<br />
<strong>Result</strong> – set the field containing the outcome. It is a read-only field.<br />
<strong>Title</strong> – set the title without fields. You can control size and wight of the font;<br />
<strong>Separator</strong> – add the separator to the calculator form as a line<br />
<strong>Spacer</strong> – add space between fieldset<br />
<strong>Textarea</strong> – add textarea to the form<br />
<strong>Input</strong> – you can use the next type of the field: Text, Email, Date, DateTime, Month, Time, Week<br />
<strong>Range</strong> – a slider or dial control.</p>
<h3>Formulas</h3>
<p><strong>Comparison and Conditional Formula</strong> – if(){}, else , if(){}, Else{}, >=, <=, ==, &&, ||<br />
<strong>Math Static Properties</strong> – Math.E, Math.LN2, Math.LN10, Math.LOG2E, Math.LOG10E, Math.PI, Math.SQRT1_2, Math.SQRT2<br />
<strong>Math Static Methods</strong> – 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()</p>
<h3>Video</h3>
<p>How to Get Started with the WordPress Calculator Builder plugin</p>
<p><iframe loading="lazy" title="WordPress plugin Calculator Builder" width="750" height="422" src="https://www.youtube.com/embed/EGjO6k3JGU0?start=2&feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>PRO Features</h3>
<ul>
<li>Customize the calculator for each individual calculator.</li>
<li>Add the button likes and calculation counter to your calculators and you’ll be able to track it easily.</li>
<li>Easily add an online calculator print button as well as a copy URL button.</li>
<li>Integration WordPress plugin <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a> with Calculator Builder. Easily send the calculator result by email.</li>
</ul>
<p><strong><a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Get PRO Extension</a></strong></p>
<p><strong><a href="https://calchub.xyz/downloads/" rel="nofollow ugc">Find your Bundle of the Calculators</a></strong></p>
<h3>EQUATION / FORMULA</h3>
<p>To calculate the result, you must use the variables in the Formula field</p>
<ul>
<li>Variable x[] – the variable is used for the field that takes part in the calculation</li>
<li>
<p>Variable y[] – variable for displaying the result</p>
<p>y[1] = x[1] + x[2];</p>
<p>y[1] = x[1] – x[2];</p>
<p>y[1] = x[1] * x[2];</p>
<p>y[1] = x[1] / x[2];</p>
</li>
</ul>
<h4>Formula with additional variables</h4>
<p>You can use the additional variables in the formula field for to facilitate writing the formula and displaying the result.</p>
<p>For Example, Formula Monthly payment for Loan:</p>
<pre><code>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);
</code></pre>
<p>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.</p>
<h4>Conditional formula</h4>
<p>You can use complex structures to calculate the results.<br />
the ability to use the following comparison operators:</p>
<ul>
<li><  less</li>
<li>>  more</li>
<li>==  equal</li>
</ul>
<p>For Example:</p>
<pre><code>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;
}
</code></pre>
<h3>Support</h3>
<p>If you have any questions concerning the plugin ask us at the <a href="https://wordpress.org/support/plugin/calculator-builder/" rel="ugc">WordPress forum</a>.</p>


Calculator Builder – Create an Online Calculator

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 !

Alternatives to Calculator Builder – Create an Online Calculator

Top alternatives