How to Create a Calculator
Step-by-Step Guide
Last updated
Was this helpful?
Step-by-Step Guide
Last updated
Was this helpful?
In this manual, we will review the following:
To create a new calculator follow WP Dashboard > Cost Calculator and click the Create button to create a new calculator.
The "Create" button opens the Templates library and you can select one of them or create a blank calculator to start from scratch:
You can also use one of the prebuilt ready-to-use calculators using the templates. Refer to this manual for more information:
The calculator elements will appear on the left. Begin adding desired elements to your new form.
You can rename the calculator by clicking the Pencil icon:
After adding a new element to your calculator, this element's settings will be provided to fill. Add all necessary data to the dragged element and save your work.
All elements have unique settings. To learn about the settings and functionalities of the elements' refer to this section:
Add other elements to your calculator due to wish. As an example, you can check the built calculator below, with two extra elements added: Checkbox and Basic Slider Button
To learn more about how to design your formulas correctly, refer to this manual:
To change element settings, in the Calculator editor, click on the necessary element field:
On the right sidebar, there will be the element's available settings. Set them according to your needs, and click on the Save button:
To duplicate an element hover on the item and click the duplicate icon:
You can easily change the order of the elements in the calculator using drag & drop function:
To delete an element, just click on the trash icon in the element field:
You will get a warning notification and after your approval, the element will be deleted:
Note that there is an automatic backup function in the Cost Calculator:
The Preview feature allows you to see your changes or additions before saving the form. It is useful when you doubt adding your calculator form to the page directly so that you can check it before publishing.
You can see how your Calculator looks anytime using the Preview button.
After clicking the preview button, you will see the popup board. The Preview of the calculator will be available for both desktop and mobile views.
On the left side of Desktop Preview, there will be elements you added to the calculator. On the right side of Preview, you will see the values of each element relatively and the total description. The Total description will show the value due to your created formula.
Created calculators can be inserted into the pages. You can learn how to do it by following this manual:
There are two ways to add elements to the calculator - on the elements and :
Add the and write down your formula to calculate the total cost. You can have more than one formula field as well:
Do not forget to add at least one element to your calculator at the end to make your calculator work properly. If you do not add a formula element to your calculator, the sum of all fields will be shown as the total cost.
The element will be duplicated with an additional (copy X) name saving all the settings of the duplicated element. You can rename and its settings:
The order of the among other elements means nothing, you can put it in any place. Anyway, it will be displayed in the Calculation Summary section. However, the order of the Formula element within other Formula elements (if you have more than one formula element in the calculator) is important. It defines in which order these elements will be shown on the Calculation Summary.
