Optimization tips > Multi Page Form

Easily create a Multi Page Form to boost conversion

Turn your long form into a multi page form to boost your form conversion

Amy W, 16/05/2017
Turn your long form into a multi page form to boost your form conversion

What is a multi page form or landing page?

A long Form or landing page, which is displayed broken into a few steps, thus presenting only a few fields at a time.

It is a known CRO rule that forms should be short and to the point: it should contain a small number of fields and only the most important ones.
This may imply that a single page form will be more converting, however there is also evidence to the contrary.

So why use a multi page form?
Marcus Taylor in “58 Form Design Best Practices & Form UX Examples” says that “Splitting your forms into two or three steps will almost always increase form completion” and entails the three reasons why multi-step forms work so well: “
1. The first impression is less intimidating than a long form with lots of question fields.
2. By asking for sensitive information (email, phone) on the final step of a multi-step form, users are more likely to fill out these fields – otherwise they lose the progress made by filling out the previous steps (this is a proven cognitive bias known as the ‘sunk cost fallacy’).
3. By seeing a progress bar, users are more motivated to complete the form. This is, again, based on numerous proven cognitive biases such as the endowed progress effect.”

Another reason for using a multi page form is wanting to make it responsive.
Mobile phone screens are small and there is so much you can fit in it, so breaking your form into a few pages is a great way to create a friendly version for mobile.

Joanne from FormKeep also discusses this issue in her post: Should You Use Single-Step or Multi-Step Forms? and says that "Complex forms also work when you need to collect a lot of information, but you know that putting all of your form fields on one page will be overwhelming. By creating a multi-step process, the chances are higher that people will fill it out."

Johnathan Dane, in his post  "How Multi Step Landing Pages Will Explode Your Conversion Rates" gives of the “namify” form as an example for a multi page success: “ “The four step landing page above scored a 311% increase in conversion rate, a whopping 73% decrease in cost per conversion, and 74% more leads.”

Neil Patel The Power of The Nudge: How to Convert Visitors Into Customers adds that “The reason I think a multiple-step checkout process works is because once buyers give you some of their information, they feel already committed and have no trouble completing the rest of the checkout.”

With all that is said and done Brittany Loong in her post  “Why You Should Use A Multi Step Landing Page” makes a good point "On the other hand, it is important to make sure your form doesn't have too many steps. People only have so much time that they are willing to spend filling out a form".

So as we have seen, there are many cases in which using a multi page form drives high conversion. However. this does not make it a good option for every form you create. Each case is different and you need to consider whether to use a single or multiple page each time you create an online form. 

Using page break in FormTitan

FormTitan allows its users to create multi page forms

Following are steps to do this:
1- Enter the form builder.
when you are creating your form it is set to a single page form by default.

2- In the “Elements” panel >”Widgets” category
Drag the page break element
It will automatically be placed at the bottom of your form. The page break may not be dragged anywhere like all the other elements - it has a fixed position at the bottom of the form, however you can align it to left / center / right.

3- Go to pagebreak > “Properties” panel > “Element” tab > “Settings” > Basic
Add pages to your form using the “Add” Button
Add page

4- Drag elements into each page

5- move between the pages using the “Current page” listbox in the “element settings”
Move from page to page

For more detailed instructions read the FAQ on  How to create a multi page form