JotForm User Guide / How to Create Better Forms /

How to Create a Multi Page Form with JotForm

How to Create a Multi Page Form with JotForm

Using page breaks is extremely easy but we need to know when or where to use them while creating a multi-page form. 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 

For adding the page break, just click the "Add New Page" button in the form builder.

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 the action or copy the trivia quiz check it out in our form templates gallery.

Contact Support:
Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:
Contact JotForm Support:

Send Comment


  • BringitonSports

    hello I am trying to get rid of a page break how do i get rid of it

  • bzimmerm41

    Regarding my previous question, I was able to style the dropdown height using CSS, however, I had to use the input number (#input_3). Is there a way to style just #input class globally?


  • bzimmerm41

    Good day,

    Is it possible to adjust the height of the dropdown fields (CSS or otherwise)? I only see a width specification.


  • bzimmerm41

    Good day,

    I have 7 pages created, and would like to name them according to subject for conditional statements. How do I change the name from "Page 1" to a custom name?

    Thanks so much!


  • kidsactingfoundation

    There isn't an "add new page" button on my form builder or in my Survey Elements. How can I add a page?

  • jeetu14

    when I add multiple pages, on the last page i dont get the option to put a submit button - only back button is available. How can I fix that?

  • iondjp

    If I delete a page, does it delete all the questions on the page or just the page break?

  • Kate


    How can I add new page and page break? I can't see those buttons in creating my form.

  • Lozten


    I don't have the add new page button as above. Any suggestions?

  • binosjourney

    Hi I can't find the " Page Break" or the "add new page button" , how come?

  • WilliamHOT


    Michael Kors Tasche Schwarz Schlangenleder
    Ray Ban Cats Homme
    New Balance Laufschuhe Damen
    Lacoste Gold
    Abercrombie Fitch Männer Model

  • Axel

    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

  • miohonda

    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.

  • hermel

    Thanks to Jotform.we created this register page easily at

    Shibil Samad

  • olimptour

    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?

  • LucyWeil

    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?


    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?

  • latinaphoenix

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

  • TJRworldmobile

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

  • iberlucio

    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.

  • pinsol

    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


    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

  • egamagari


  • geoffreyetd

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


    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.

  • kyliejensendesign

    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?

  • nulou

    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!!

  • Nieboy

    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.

  • Saturmind

    You know, in the last 30 minutes I've made more progress than I have with the first 10 wp form plugins (doing a 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.

  • asustaprogram

    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

  • smg332004

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

  • serenajo

    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.

  • Jovosoft

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