Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Create a Multi-Page Form in WordPress

Recently, one of our users asked us how to create a multi-page form in WordPress.

Multi-part forms allow you to collect more information without scaring the users away. It also provides a better user experience and makes it easier for people to fill out the form without abandoning it.

In this article, we will show you how to create a multi-page form in WordPress.

How to create a multi page form in WordPress

Why and When You Need Multi-Page Form in WordPress?

Forms are the easiest way to collect data and get in touch with your users, whether it is a contact form, email capture form, or a simple survey.

However, lengthy forms are daunting for users and increase form abandonment.

To overcome this issue, user experience experts recommend multi-page forms. This way, form fields are broken into sections and pages.

Multi Page Form Example for WordPress

With a progress bar on top and fewer fields on the screen, users feel more at ease filling out the form. It provides a more engaging and interactive experience for your users.

You can even make the multi-page form interactive by adding icon choices and conversational element to it. This is great for improving conversion rate especially for request a quote lead forms.

WordPress Multi Part Lead Form with Icon Choices

Let’s see how to easily create a multi-page form in WordPress.

Creating A Multi-Page WordPress Form with WPForms

The best way to create a multi-page form in WordPress is by using the WPForms plugin. It is the most beginner-friendly drag & drop WordPress form builder plugin that lets you create any type of form that you need.

Over 5 million website owners use WPForms including us here on WPBeginner.

For this tutorial, you will need at least the Basic WPForms plan because it includes fancy multi-part fields and advanced customization options. There is also a WPForms Lite version you try for free.

WPBeginner users can avail exclusive discounts on WPForms. All you have to do is use the WPForms coupon: SAVE50 to get a 50% discount on purchasing any WPForms plan.

The first thing you need to do is install and activate the WPForms plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you will need to visit WPForms » Settings page on your WordPress site and enter your license key. You can get this key by signing into your account on the WPForms website.

Entering the WPForms license key

After verifying your license key, you are now ready to create your first multi-page form in WordPress.

Simply go to WPForms » Add New page from your WordPress admin area to launch the Form Builder.

Creating a new WordPress form

On the next screen, you will need to enter a title for your form.

WPForms offers over 500+ pre-built form templates to help you save time. You can quickly select one and edit it according to your requirements. There is also a blank form template that you can use to create a fully custom form.

Choose a form template

After selecting a template, you can use their WordPress form builder to customize it.

Simply drag the fields from the left column and drop them into your form template. You can also select existing form fields and further customize them.

Edit your form

After adding a few form fields, you are ready to add a new page to your form.

Go ahead and add the ‘Page Break’ field under the Fancy Fields sections from the left column.

Add a page break field

You will notice that WPForms will add a page break marker to the bottom and a First Page / Progress Indicator marker at the top of the page.

It will also push the submit button to the next page, and your first page will now have a ‘Next’ button instead.

You can click on the ‘First Page / Progress Indicator’ marker at the top to edit your multi-page form properties. In the left-hand column, you can select a progress bar type.

Click on first page marker

WPForms allows you to use a simple progress bar, circles, connector, or no progress indicator at all.

You can also choose the color of your page indicator. Lastly, you can provide a title for the first page.

WPForms Multi-Part Form - Progress Bar Examples

Now, you need to click on the ‘Page Break’ marker to edit its properties. Here you can provide a title for the next page and edit the text to display it on the Next button.

Edit the page break marker

You can continue adding form fields after the page break.

If you are using the Pro version of WPForms, then you can also use conditional logic to show and hide form fields based on user responses.

After adding more fields, you can add more page breaks if you need.

Once you are done creating your form, click on the save button in the top right corner of the screen.

Save your form

Congratulations, you have successfully created your first multi-page form.

Adding Your Multi-Page Form into WordPress Posts and Pages

WPForms makes it super easy to add forms to WordPress posts and pages.

You can click the ‘Embed’ button at the top of the form builder and add the form to a new page or an existing one.

Embed a form in page

We’ll select the ‘Create New Page’ option for this tutorial.

Next, you will need to enter a name for your new page. Once that’s done, click the ‘Let’s Go’ button.

Enter a name for new login page

Alternatively, you can also add the WPForms block in the WordPress content editor to embed your form on any WordPress blog post.

Simply select your multi-page form from the dropdown menu in the WPForms block.

Add a WPForms block in wordpress

After that, you should see a preview of your form in the block editor. Go ahead and publish your page or post.

Next, you can visit your website to see your multi-page form in action.

Multi page form preview

Taking WordPress Multi-Part Forms to the Next Level

Now if you’re like us and other smart business owners, then you probably want to know how to take your lead generation forms to the next level.

There are two things that you can do to drastically improve your WordPress multi-page form conversions.

1. Interactive Lead Forms

WPForms comes with a Lead Forms addon that allows you to improve your form completion rate with an engage form layout design.

Basically, it lets you show users one question at a time which makes your forms less intimidating and easier to fill out.

This works especially great for a request a quote form and other lead generation forms on your site. Here’s an example of what it looks like:

WPForms Lead Forms Demo

This basically builds on to the conversational forms principle that WPForms pioneered in the earlier days. Conversational forms takes the one question at a time approach similar to a face-to-face conversation.

Unlike the lead forms addon, conversational forms are full-page form landing pages which can also work great for longer forms, since users can fill these forms using keyboard only.

WPForms Full Page Conversational Forms Example

2. Enable Partial Form Submissions

Did you know that 81% of people abandon a form before completing it. This is true for most websites especially for longer forms.

This is why we recommend enabling partial form submissions in WordPress. WPForms form abandonment addon lets you do that with ease.

You can simply enable it by going to the Form Abandonment tab in form builder settings.

WPForms Form Abandonment Settings

This allows you to send targeted follow-up messages to those who abandon your form to boost your sales conversion.

We hope this article helped you add a multi-page form in WordPress. You may also want to see our comparison on the best business phone services and our ultimate guide on how to improve WordPress SEO rankings.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

10 CommentsLeave a Reply

  1. Hi,

    i use WPForms and they are awesome, but i’m having problems with the upload. it doesn’t upload files on most browsers. and it is frustrating.

    I am using the upload at the end of a muti-part form of 7 parts

    • It would depend on your specific issue and the files being uploaded, if you reach out to WPForms’ support they should be able to assist you directly for your specific site and the issue you are running into.

      Admin

  2. Hi, I would like to collect step one of a multipart form inside a revolution slider window, then pass the values to the actual multipart form at step 2. I’d like the multipart form to have step 1 when called directly. Is this craziness possible?

  3. please help me how to add onclick action when we click last submit button the msg come welcome below of progressing bar

  4. Can this multi-page form be used in conjunction with the buddypress registration process? i would really like my users to have a multipage form to fill out their profiles…? any thoughts on that :)…Gracias

  5. Hey WPBEGINNER

    Is it possible to add pictures to your form, so you can show your customers the different opportunities that can be chosen?

    Best regards

  6. Hi,

    Good day. And thank you so much for this blog post.

    To be honest I’m new to WordPress and just starting to create my own website for an online business.

    My question is does WPForms has the capability to put an “upload audio, video, images option” on one of the pages of the forms? Because I’m planning to use WPForms for an order form wherein the customer will need to upload stuff as one of requirement for the order.

    Best regards,

    Lenlie

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.