Ready to build a calculator? Here's a quick rundown of some of the more common builder tasks:
Click Add “+” Element
Click on the type of element you'd like to add (for example, Text to add a new Text element). This will add a new element of the selected type to the end of the site and open its properties panel.
Using the panel, customise the new element as needed.
(Optional) Click Done to close the panel.
You're done! The new element should now be added to the site.
Moving an element
Click and begin dragging the element you'd like to move.
Drag the element before or after another element (a blue bar will appear indicating which side of the element you're currently targeting).
Release click to drop the element.
You're done! The element should now be moved.
Editing an Element
Click the element you'd like to edit to open its properties panel.
Using the panel, edit the element as needed.
(Optional) Click Done to close the panel.
You're done! The element should now be edited.
Deleting an element
Click the element you'd like to delete to open its properties panel.
At the bottom of the panel, click Delete
You're done! The element should now be deleted.
Cloning an element
Click the element you'd like to clone to open its properties panel.
At the bottom of the panel, click Clone
You're done! A clone of the element should appear immediately before it.
Settings
The second button in the upper right represents the general "Settings" of the calculator.
Now we describe which are the main configurations that can be done:
Title: Calculator title for internal use that will be displayed in your Control Panel.
Color: Adjust the primary theme color.
Number formatting: Allows you to choose the number format you want according to your country's punctuation.
Language: Choose the language of the calculator.
Measurement system: Make a choice between the metric system or
imperial system. This is just to calculate distance in the Places question in either meters or inches.
Track external events: Toggle if your tracking codes are installed. (works for Google Analytics, Google Tag Manager, Amplitude, Mix Pane, and Facebook Pixel).
Elements
Open the Element panel by clicking on the + icon in the menu in the top right corner.
All elements could be clicked on, or dragged and dropped in the canvas to add it to the calculator. Those are classified in different groups:
Basic questions
To ask questions and use them to calculate results (formulas) with.
Number: Capture numbers or quantities. It can be displayed as a range slider, number input field or number incrementer field.
List: Let the user choose between multiple options in a couple of flavours like multiple choice, dropdown, button group and multiple selection (checkboxes).
Results
To calculate functions and display a result.
Formula: Create a formula with which you can calculate and output based on question inputs
Layered Images: Stack multiple images on top of each other to create a visual product configurator