Articles on: Features

Multi-step Forms: A complete guide (multistep)


Introduction


Would you like to split your form into multiple steps? With a multistep calculator form (multi-page form) you can break long forms into smaller sections, improving user experience and making them less overwhelming.


It's different than conditional logic that shows/hides elements one at a time. With a multi-page form, you use the next button to progress the user down the journey of completing the form.



Uses Cases, Benefits & Features


  • Clean-up Long Forms - Break down the steps to completion of long forms into smaller, more digestible chunks.


Watch It In Action



How to Activate & Use This Feature


Setup


In order to use the multi-step feature, you need a minimum of two or more sections.

To activate the multi-step, go to the second section in your calculator form and click on the settings icon, on the top right section of the section. Then, click on the "Activate Multi-step" switch to turn it on



Note: You can only activate multi-step forms on the second, third, and later sections. You cannot activate it on the first section as it's shown by default.


Settings & Options


1. Multi-step Progress Indicator Style - You can choose between:

  • Progress Bar
  • Progress Dots With Title
  • Progress Bar Steps With Title
  • Progress Dots with Numerical Steps
  • or no progress bar.



If you select Progress Dots With Title, a new option will appear that allows you to configure the mobile view. Enable it if you want only the text for the current step to appear, rather than all steps, on mobile devices.



2. Multi-step Progress Buttons Style - You can choose between:

  • Space Between Buttons
  • Space Between Buttons (Only arrows in the text)
  • Aligned Right Buttons
  • Aligned Right Buttons (Only arrows in the text)




Additional Information


Progress Bar Styles


Progress Bar



Progress Dots With Title



Progress Bar Steps With Title



Progress Dots with Numerical Steps



Progress Buttons Styles


Space Between Buttons



Space Between Buttons (Only arrows in the text)



Aligned Right Buttons



Aligned Right Buttons (Only arrows in the text)




Conditional Logic


Frequently Asked Question


Q: Can I customize the appearance of the progress bar in the multi-step form?

  • Yes, you can choose from different progress bar styles: Progress Dots With Title, Progress Bar Steps With Title, or a simple Progress Bar. Each style provides a different visual representation of the form’s progress.


Q: Can I use the multi-step form feature on the first section of my form?

  • No, the multi-step feature can only be activated on the second section and beyond. The first section is always shown by default.


Q: How does the multi-step form differ from using conditional logic?

  • Unlike conditional logic, which shows or hides elements based on user input, a multi-step form breaks the form into multiple pages. Users click a "next" button to progress through the form, making it less overwhelming and easier to navigate.


All Elements & Features


Learn more about All Elements

Learn more about All Features

Need Support?

Ask a question or request support

Request a feature or give feedback



Updated on: 27/08/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!