Using Calculators

Create Embeddable Cost and Pricing Calculators for Your Website.

Adrian avatar
Written by Adrian
Updated over a week ago

Available on

❌ Free

✅ Basic

✅ Pro

✅ Business

✅ Agency

With our calculator content element and its formula builder, you can create an interactive calculator which can be easily embedded into your website in minutes. 

Calculators can be tested in draft projects on free plans. You can also make sure of our free 14-day trial in order to fully test this feature. But to fully use them, you will ultimately need to be on a paid plan.

You can use the Calculator to create cost estimations and pricing calculators for your services and products, let your users interact with it on your website, and gather more effective leads.

There are also several designs and content options to customize the look and feel of the calculator, so feel free to experiment.

How to Use a Calculator

While you can change the order of things to your liking, we usually recommend that you set up your questions/answers before adding the calculator to your project.

If you want to use the answers to a specific question in the calculation, click on that question in the Editor and activate the "Answer is Required" option. If you want to use a question in a project that has Multiple Outcomes, make sure to also turn on "Individual Score & Calculation" for the question to be available in the formula builder.

To assign individual values for each answer of Multiple Choice, Image Answer or Dropdown elements, activate "Individual Score & Calculation" and input the values in the "VALUE" field. If you do not use individual scores, the calculation will use 1 for correct answers and 0 for incorrect answers by default.

ℹ️ The Slider element does not have the "Answer is Required" or "Individual Score & Calculation" options. This element can be used on a calculator formula as it is.

Depending on the conditional logic you're using, the Free Text Input element may or may not require the option "Only Accept Numbers" in addition to "Answer is Required" in order to be used in the calculator formula.

Once you've gone through the questions and set everything up, you can add the Calculator element (or a Price Calculator) from the content elements list. 

ℹ️ Currently you can only drag & drop calculators to "Thank You" and Outcome pages.

If you notice that the icon is greyed out, it is because you're currently not on a Thank You page or Outcome page.

Building Your Calculation Formula

Click on "Open Formula Builder" to start customizing your calculation. 

When creating a formula you'll be able to choose any of the following:

  • Hidden Fields (Custom Fields or Functional Fields)

  • Multiple Choice Element (with Answer set as required)

  • Image Choice Element (with Answer set as required)

  • Dropdown Element (with Answer set as required)

  • Rating Element (with Answer set as required)

  • Free Text Input Element (with Answer set as required + Only Accept Numbers)

  • Slider Element

You can use basic operators like "+", "-", "*", "/", "^" (plus, minus, multiply, divide, exponent) from your keyboard and create complex formulas, as well as bracket symbols "(" and ")" to control the order of the operations.

Additionally, you can also use advanced functions and conditional operators. Click here for the complete list with examples on how to use the functions.

To start building your formula, click on any question from the list on the left, so it gets added to the formula field.

You can also use keyboard shortcuts (CTRL+A, CTRL+C, CTRL+X, CTRL+V) to edit the calculator formula. Formulas can be copied to and from the editor and external applications.

Please Note: you might have to allow clipboard access in your browser (when prompted) to enable keyboard shortcuts.

The formula takes the answers given by any particular user, then calculates and displays the result according to the formula you've set up. You can prevent participants from seeing their result (to set aside the result for the Analytics or to be used as a piped answer for instance) by enabling the option "Hide for Participants".

You can also use calculation formulas to reach different outcomes, instead of showing the calculator result on the outcome page. This can be done with Score-based Outcome projects.

ℹ️ The calculator result will not be displayed when on "Design Preview" mode, instead an X will appear in place of the result.

Make sure to either click "Try it" when previewing the design, or simply click the eye icon on the navbar and select "Try Draft" so you can test the calculator's functionality.

How to Use the Result of a Calculator When Using a Custom Redirect

In the case you want to redirect to your own website instead of showing the final page of you can't see the result of a calculation, but you can still use its value in the redirect URL. To do so deactivate the redirect and put the calculator element on the page.

After you have created the formula, you can activate the redirect again and use an answer piped variable inside the URL like this:{{ca_xxxxx}}

In the above example, ca_xxxxxx is the calculator ID. You can find this ID on your right side when you select the calculator element in the Editor.

Did this answer your question?