Page Navigation in Multi-Page Forms

Easy Forms allows you to create multi-page forms in a very simple way, you just have to add Page-Breaks with the Form Builder.

To navigate through a multi-page form you just have to press the “Next”, or “Previous” button if you want to go back. Also, you can use conditional rules if you want the user to be able to skip pages based on conditional logic and user answers.

We have also implemented a new feature that allows you to go directly to a form page. This is very useful on longer forms that have a linear progression.

With this new feature you will be able to link a page of the form, which will direct users exactly to the page of the form that they must fill out.

This can be useful for example, if you need to share the link to the form to edit a previous entry. Or when you’ve enabled the “Save and Resume” option (in Form Settings) to allow users to fill out part of the form, save their progress, and resume later.

To go to a page, you just have to add the query string p=2, where 2 is the page number. For example:

This is the link to the form:

– https://demo.easyforms.dev/forms/trivia-quiz-multi-step-form-with-calculation-and-conditional-logic

And this is the link to the second page of the form:

– https://demo.easyforms.dev/forms/trivia-quiz-multi-step-form-with-calculation-and-conditional-logic?p=2

If you want to show a particular page, but don’t want to change the url; You can also do it by customizing the embed code (Form Widget). You just have to add the page option with the page number. For example: ‘page’: 2. Now your form will display the second page by default.

var s = d.createElement(t), options = {
  'id': 119,
  'page': 2,
  'container': 'c119',
  'height': '1203px',
  'form': '//example.com/app/embed'
};

Doc | Form Widget

Important! Skip the Validation Process

Keep in mind that when accessing a page of the form directly, we will be skipping the validation of the previous fields. However, when going forward to the next page, the page will be validated as usual.

Also, when the form is submitted, the entire form is validated. And if a validation error is found, the error message will appear on the last page (since usually the error will be on this page, being that all other pages were validated when navigating between them).