Blog

Paginated¬†form or Multi-page form is the best way to condense large form into highly functional and user-friendly form that won’t scares your user and also increases number of submissions. Paginated form is mainly used when your form is too long.

When you create paginated form on your website, it will be represented in two or more pages. Gravity form allows you to create paginated form on your website. You don’t need to worry about the limited pages. You can create unlimited pages in your from.

In this article, we’ll show you how to create user-friendly paginated form on your website using Gravity Forms.

Create a paginated form with Gravity Forms

If you’re familiar with basic functionality of Gravity Forms then you can easily create paginated form within 15 minutes.

Step 1: Install Gravity Form plugin

Gravity Form is a premium, so you need to purchase the plugin. Once you purchased the plugin, you can upload it to your website.

After installing and activating the plugin, you’ll see the Form menu in your WordPress Admin Area like below screenshot:

Form

Step 2: Create a New Form

Once you clicked on New Form, a pop up will appear where you have to enter your Form name and description.

Check: How to create a form using Gravity Forms plugin

Once you enter the form name and description, click on Create Form Button and you’ll reach to the page where you will design your paginated form.

3. Add fields

On the same page you’ll see different fields in the right side from where you can select your field you want to add in your form.

Now for paginated form select Page Break option from Standard Fields. You’ll see the result like below screenshot:

Page-break

If you want to add two or more pages then every time you’ve to click on Page Break button which will create pages in your form. Before adding the fields give name to your pages. Simply hover the mouse on the field and click on Start Paging.

Note: The details of first page will always come after Start Paging field, details of second page will come after first Page break field and so on.

There you’ll get the option to name your pages like below screenshot:

Page-name

You can select the Progress indicator according to your choice. If you want to display progress bar then check the progress bar option else you can check Steps option which will display every page in steps.

When you hover on the other Page breaks you’ll see some settings like this:

Page_break-setting

 

In these settings you can set the text of Previous and Next button or leave it as it is.

Now choose the field according to your requirement like we set the name of first page as Who are you so we add radio buttons and provides options to select who are they like this:

First-page

To change the settings of the field simply hover the mouse on the field and click on it as you can see in above screenshot. After set the required field the first page will look like this:

Final-first-page

On the second page we add the fields that are required for contacting us like below screenshot:

Second-page

As you can see in above screenshot that we add name, email, date and country from Advanced and Standard fields. This is our requirement for second page and you can set it according your need.

Note: If your click on field and your field is add in another page then you can simply drag the field and put that field in the required position.

On third page, we added message field so that user can easily send his message to us like this:

Third-page

Once you added the field of last page, you can’t add any field after the end of last page. Now click on Update Form button at the right side of your form. Once you updated your form, click on preview button to preview your form. The final result will look like below screenshot:

Final-result

If users don’t select any field it will show error like this:

Error-in-form

It won’t take you to the next step. Once user reached on the second page he will see result like below screenshot:

Form_Preview

On this step user will see Previous and Next option.

That’s all you’ve to do to create a paginated form on your website. Did we miss something? Please share with us.

About author

Kriti Jain

Kriti is a passionate blogger and WordPress wanderer. She explores WordPress everyday and shares her findings with the web world.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>