How to Create Multi Page Forms

Last Update: December 18, 2015

Using page breaks is extremely easy but we need to know when or where to use them. Some like to use it in job applications and some use it in surveys. Teachers use them in quizzes and organizers use it in event registrations. The most important part of page breaks is, they shorten your forms dramatically. We all know visitors don't want to scroll too much and they want to fill out forms as quickly as possible. Why don't we make our customers' jobs easier and break pages into sections? Here are some insights we gathered using page breaks.


    - Using page breaks decrease the exit rate of your form drastically

    - The form looks much shorter than before

    - The form looks neater and fits better to your site without changing the overall design

    - It helps to break the form into logical sections and feels much more natural

    - It looks so much easier to fill for busy people 



Now, for those who don't know where the page break is, click "Survey Tools" and click "Page Break";



Let's look at our trivia quiz to see a page break.



Although we see a back button in our first page break in the edit mode, we won't see it in the preview or when the form is live. Don't worry about it, that was done for logical reasons. 

That's about it for the importance of page breaks and if you want to see page breaks in action or copy the trivia quiz check it out in our form templates gallery.


22 Comments...


   
Jovosoft (November 21, 2011 at 04:00 PM)

great, but what is the code for several pages?? Repeating the string won't work ...

View Answer


   
serenajo (January 24, 2012 at 02:31 PM)

My pagebreaks are causing my forms to end. In other words, when testing my form, when I get to the pagebreak and I click next, it is taking me to the captcha and submitting the form.

View Answer


   
smg332004 (February 14, 2012 at 11:18 PM)

I will try it and let you know how it works for me...


   
asustaprogram (May 01, 2012 at 04:32 PM)

I was trying to combine form collapse with page breaks. Is this not possible? It shows all the form collapses on every page of the form instead of under the appropriate page break

View Answer


   
Saturmind (May 09, 2012 at 01:28 AM)

You know, in the last 30 minutes I've made more progress than I have with the first 10 wp form plugins (doing a wp.org plugin search), and other form builders.

On top of the fact that you guys have some pretty bomb documentation and insight to form creation... I'm definitely hooked on JotForm.


   
Nieboy (June 09, 2012 at 09:27 PM)

is there a way to use page breaks and embed a submit button in multiple different page breaks, having each submit only email its corresponding pages info?. I know this can be done using multiple forms, and free form text links to the forms, I just thought it would be a nice clean way to create great multi level forms.

View Answer


   
nulou (June 28, 2012 at 02:57 PM)

This is by far my favorite button feature in jotform, the page break button. If you used properly, you can create a much nicer experience for your end-users! Right on!!


   
kyliejensendesign (April 01, 2013 at 08:48 AM)

Ive put in a few page breaks in the list of questions I need to ask and they dont seem to be working. When I click next after filling in the first few questions it doent take me to the next lot to answer. Can you help?

View Answer


   
DPPETS (June 03, 2013 at 08:15 AM)

Is there a way to put a bar on top of each page to show the user which section they are on or how many steps it will take for them to finish the form?
E.g. Page one personal details, page two service required etc.

View Answer


   
geoffreyetd (December 03, 2013 at 03:04 PM)

How do I tell the first page which page to go to NEXT? I don't see anything in your instructions on that?

View Answer


   
egamagari (March 19, 2014 at 09:50 AM)

greattttt!!!


   
ANWAR BOYCE (September 03, 2014 at 11:31 PM)

When I embed the source code into squarespace it doesn't show all the pages, just the first one and it's not aligned correctly

View Answer


   
pinsol (November 04, 2014 at 04:40 PM)

I see the instructions on creating TBS but no where on how to display those tabs. They don't appear to populate automatically like in your demo.Please advise

View Answer


   
iberlucio (March 09, 2015 at 08:04 PM)

You have many links showing the ready tabs, but has nothing saying how.
Where is the images that should be in this response just above?
Be more direct in addressing how to make the tabs.

View Answer


   
TJRworldmobile (September 14, 2015 at 02:33 PM)

Como eu faço pra adicionar uma página ao quebra páginas??

View Answer


   
latinaphoenix (December 04, 2015 at 02:15 PM)

Why don't my page breaks translate when I save my form as PDF?

View Answer


   
CTFTKD (February 12, 2016 at 03:25 PM)

When I preview my form, the next button takes me to the BOTTOM of the next page, not the top - how do I fix that?

View Answer


   
LucyWeil (May 14, 2016 at 06:28 AM)

I'm making a multi-page application form which applicants will be able to save and come back to later. Each page has a few required fields. Currently, the form requires that all fields be completed before you can move to the next page. Is it possible to change the settings so that they can navigate between pages and the required fields only need be completed before final submission?

View Answer


   
olimptour (June 26, 2016 at 05:44 AM)

Is it possible to save all fields on first page (ex. Name and surname, phone and e-mail) after client leaving form in second page without completing form?

View Answer


   
hermel (July 05, 2016 at 06:43 AM)

Thanks to Jotform.we created this register page easily at www.scorellc.org/register

Thanks
Shibil Samad


   
miohonda (August 25, 2016 at 09:54 AM)

I have 20 pages on my form. How can I make it easy for people to go back and forth between pages?

I've already tried the "tabs", but they show up in multiple rows which does not look good at all.

View Answer


   
Axel (November 18, 2016 at 09:02 PM)

You can create a multi page and view code
code 1 to enabled or disable:
multipage1.Enabled = true
multipage1.Enabled = false
code 2 to select page:
multipage1.value = multipage1.value+1

View Answer


Send Comment