Create a Multi Step Price Calculation Form WordPress

With our WordPress Form Wizard plugin you are able to create multi step price calculation forms with ease. This gives you the possibility to create live price estimation forms in WP directly like:

  1. Insurance Price Calculations
  2. Kitchen price calculators
  3. Event price calculation

In our demo we used a party planner price calculation example. This we also use now to show you how the setup was done. You see in the example an introduction,  a live price on top right and moving button in the bottom. 

To create or edit wizard forms, go into your wp backend. Then navigate to Wizard Forms and you will see all previous created forms as well as you can create a new one. From here you are also able to adjust the settings of our multi step form plugin.

General Price Calculation Settings

When you edit or create a new price calculation form you will see multiple options and insights. At the very top you see how many people have viewed, started, finished and bounced your form. 

General Price Calculation Settings

When you edit or create a new price calculation form you will see multiple options and insights. At the very top you see how many people have viewed, started, finished and bounced your form. 

Note: Admins are not tracked so the numbers are not skewed.

Below this comes the very important setting “type”. If you want to use this form as. price estimation form, change the type to “price calculation”. Save / update the form after changing this value. After that you will see the following options:

  1. Show progress bar
  2. Show Mail form in the end of the form
  3. Show live price on top right
  4. Price Calculation Formula 
  5. Title (used in the introduction above the description)
  6. Description (you can use shortcodes in this)

The price formula is a very important setting and will be used in order to show the user the price based on his decisions. Use #QUESTION_ID to get the values of a question and regular mathematical symbols like +, -, *, / to calculate your example.

An example: #1006+(#1008*#1009)-#1001

View & Create Questions

Below the general settings you will find all questions, that are used within your cost calculation guide. Here you can see:

  1. Question Name (note: the internal name will be used when exists)
  2. Question type (radio, checkbox, slider, text)
  3. Statistics (viewed, completed, bounced)
  4. Actions to edit or hide / remove the question

At the bottom of all questions you can create new questions by clicking on “Add question”. At the end of the guide you can enable to show the final price and also create a custom text. Here you can also use shortcodes if you like.

When you edit a question, you will see some insights on top like viewed, completed and bounced data. Right below that you can:

  1. Internal Name (will be used in form overview, good when you use many dependencies)
  2. Breadcrumb text
  3. Description text
  4. Answer Types (Radio, Checkbox, Textarea, Slider)
  5. Answer Columns 
  6. Answer Required
  7. Dependencies (if that question should only show when XY was answered before)
general price calculation question settings

Answers

Below the general settings of a question you will see all answers of this question. Each answer can have:

  1. An Image
  2. Answer Title
  3. Price (this will be used for the price calculation formula)
  4. Tooltip text
  5. Description
  6. Insights about choosen
  7. Actions to hide this answer

After all answers, you will see an option to add new answers too.

answers of a cost calculation form

Leave a Reply

Your email address will not be published. Required fields are marked *