Often website owners need to collect tons of information from users through forms. But when users see forms with many fields they tend to be scared and leave your website without filling the form.

What could be the solution to get all the information you want without scaring the users away?

That’s where multi-page forms came in handy. Multi-page forms only display a part of form fields at the first glance so that it becomes easier to fill out for your users. Not only that, it helps increase engagement and improve the user experience.

In this tutorial, we are going to show you how to create a multi-page form for your WordPress site with Live Forms. But before that let’s see why you should set up a multi-step form.

Reasons Why You Should Set Up a Multi-Page Form:

Forms are one of the best ways to collect users’ information. But when you add tons of form fields to a form, it can be annoying for your users. So, instead of creating a long form you should consider creating a multi-page form. Here is why____

  • It provides the well-organized layout
  • Help you to group the questions into specific topics and ask genuine questions from your users.
  • Reduces form abandonment rate by displaying a limited number of form fields
  • Offers a better user experience and encourage your website visitor to fill out the form
  • As it offers a better user experience certainly boosts your website conversion rates

How to Create a Multi-Page Form for Your WordPress Site?

As we have mentioned earlier, in this tutorial we will use the Live Forms plugin to create a multi-page form for the WordPress site. Now, you might be thinking that why we are using Live Forms for creating the multi-page form?

Live Forms

Because, where most of the form builder plugins provide the multi-page form feature in the premium version, Live Forms offer that feature for both free and paid version. Its drag and drop feature takes only a few seconds to build a form. Moreover, with the Live Forms, you just need to click a button to make your form a multi-page form, whereas other form builders make the process lengthy and tricky.

Step -1: Install and Activate the Live Forms Plugin

To start creating a multi-page form for your WordPress site, you need to install and activate the Live Forms. Live Forms provide the multi-page form feature on both free and paid version. So you can easily install the plugin from WordPress.org.

install Live Forms plugin

To install Live forms, navigate to “Plugins> Add New” and then search for the Live Forms plugin. Once you find the plugin, just install and activate it.

After activation, the “Forms” menu will appear on your admin dashboard.

Step- 2: Creating a Multi-Page Form WordPress Site

Now, it’s time to start creating the multi-page form.  For that, go to “Forms > Add New” and simply select a form template. If you don’t want to choose a template and start creating Formby yourself then click on “Start From the Ground”.

create multi-page form

Once the form builder page appears, the first thing you need to do is add a title for the form. For this tutorial, we are going to create a multi-page School Admission Form.

create multi-page form

As we have added the form title, you need to add form fields to your form. But before that, you need to go to the “Setting > Look and Feel” and check the “Enable multi-page form” option. It will allow you to create the multi-page form.

create multi-page form

Now, to add form fields, check the “FIELDS” option on the left side of your screen. Live Forms offers three types of form fields to its users:

  • Commonly Used Fields and Generic Fields are for both free and premium version users.
form fields
  • Advanced Fields are for only premium version users.
form fields

For School Admission Form we need to use advanced fields also. If you need advanced fields then check the pricing page and purchase a plan.

Live Forms pricing

Now, drag and drop the form fields you want to add to one group. For this School Admission Form, we have added a few form fields for the student information section.

create multi-page form

After adding a section of form fields, you may want to split the form into pages. And creating a multi-page form into a single-page form is just a click away. Just drag the “Add New Section” button from the top right corner of the form builder page and drop it on the form.

create multi-page form

You can also name the section or page. For that, hover over the section filed and the settings option will appear on the left side. Now, add the section name on the text box under the “Section Name”.

Next, add the additional form fields to complete your form and customize the submit button.

customize submission button

Lastly, click the “Save” button to save the form.

Step-3: Publish The Multi-Page Form

Once you are done, it’s time to add the form to a page or post. For that, click on the “Embed” button on the top left corner of the screen.

embed form

Now, a shortcode will appear on the screen. Copy that shortcode and paste it to the page or post you want the form to publish.

copy form shortcode

Click the “Publish” button and let’s check the form.

As you can see, the form displaying only a few fields on the first page. Once your users fill out the fields on the first page, they will be able to go to the next page by pressing the “Proceed” button.

And you are done with creating the multi-page form for your WordPress site.

Video Tutorial:

Let’s check the quick video guide on how to create a multi-page form using Live Forms:

As you can see creating the multi-page form is that easy with the Live Forms plugin. So what are you waiting for? Get your copy of Live Forms and create all the forms you need for your WordPress site with a few clicks.

Hope this tutorial helped you to create the multi-page form easily. To get more form builder tutorials, check our Form Builder How-To section.

Also, if you face any difficulties creating the multi-page form, don’t forget to let us know in the comment section below!

WordPress ‘The Site Is Experiencing Technical Difficulties’ Error & Its Fixes
Ultimate Guide to Load Test Your WordPress Website

Leave a Comment

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