The calculator is made of questions that you drag from the left menu into the calculator stage. The elements on the left are separated in 2 categories: Inputs (the questions that the calculator users need to fill in) and Outputs & Layout (how you display the calculator results)
You'll probably want to start by dragging a Number question (or Slider/Incrementer) and a Formula question.
You can re-order the questions in the calculator by simply dragging them around. If the calculator gets too big, you can tick the "List Mode" checkbox at the bottom right to just show the question titles in the Calculator Editor.
You can edit a question by simply clicking it or by hovering over it and clicking the edit button on the question top right menu (the pencil icon). This will open a settings panel on the left side, where you can edit pretty much everything related to the question (title, configs, style, etc)
When you hover over a question you will also see a delete icon (the trash bin) that will ask for confirmation before permanently deleting the question
Hovering over the question you will also see the "Duplicate/Clone" icon that when clicked will create an exact replica of the question
Each question will have a Question Reference at the top right side ("QA", "QB", etc). That is useful in formulas and other places where you need to refer to the question.
Here you can set the Number Format (separators for thousands and decimals), Number of Decimals (this can be overwritten in each field if needed), Localization (for distances and dates) and enable the Javascript API (for Paid plans)
With InteractiveCalculator you have a lot of control over how your calculator looks, and here you can set the general design of the calculator. You will find more design settings in each calculator field. The "Main Color" is usually your brand color, which will be used for things like Sliders, Checkboxes, Radio buttons, Buttons, etc. It can be overwritten in each particular field also. Learn more about Styling the calculator.
Custom Javascript Code is a way to further enhance the calculator's capabilities through writing Javascript code. It's a powerful feature that should be used with care. Contact us if you need help.
Users can type a number which can then be used in formulas
A number input field with +/- buttons
Capture a number with a slider
Capture any type of text content, or specially formatted text like emails, phone numbers, etc
A question that allows multiple answers to be checked at the same time
A question that only allows one answer to be checked at a time
Pick an answer from a dropdown list
A list of options with quantities for each option
Pick a date with the help of a date picker
Enter a time in the 12 or 24 hour format
Pick one or two places from an auto-complete dropdown menu
Calculate something and show the result
Submit the calculator and/or send the user to another page
Show a text or even HTML content (including third party widgets like videos, calendars, etc) inside the calculator
Show an image inside the calculator
Show a dynamic chart inside the calculator
Group together multiple calculator fields and show them in one or more columns
If you need a multi-step calculator, place the Step Separator where you need the next step to start
