Blog

How to Quickly Create a Multi-Page Form in WordPress

Do you need to collect a ton of information from a WordPress contact or registration form? While you should always try to keep your forms as short as possible, there are still times when it’s unavoidable. In such cases, it might be a better idea to create a multi-page form, instead of one long single-page form.

With a multi-page form, at least users won’t be immediately overwhelmed by all of the information that you’re trying to collect!

In this post, I’m going to show you how to quickly create a multi-page form in WordPress using our very own RegistrationMagic plugin.

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

One quick note before I begin – in order to create a multi-page form, you’ll need the Premium version of RegistrationMagic. You can purchase it by heading here.

Once you’ve got the premium version installed and activated, you’re ready to get started.

Begin by navigating to RegistrationMagic → All Forms to create a new form or select an existing form.

In this example, we are going to modify an existing form and add pages to it. If you want to know how to create a new form from scratch, check out our Starter Guide.

So next, we are going to get to the Fields Manager page of our existing registration form by clicking on its Fields link.

How to Add New Fields and Pages

This article assumes that you already know how to add a new field to a form. If you don’t, please check out our guide on adding new form fields first.

To add a new field page to a form, click on the “Add Page” link at the bottom of the “Fields Manager” page.

Clicking on the “Add Page” link will refresh the page and you’ll see a new page appear below the first field page of the form.

This page’s name will be “Page 2” by default. However, you can rename it by clicking on the setting icon of the page.

We have renamed our form pages as “Primary Details” and “Additional Details“. You can rename yours as per your requirements.

Adding Fields to the New Form Page

Next, we are going to add a new field to the newly created form page by clicking on the “Add Field” link inside that page. This process will be the same as outlined in our guide on adding new form fields.

For this example, we have added a “Biographical Info” field and a “Mobile” field to the page.

Note that once you have added more pages to a form, the “Submit” button will only appear on the last page. Other pages will have “Next” and “Prev” buttons on them to help the user navigate through the form pages. You can edit their text the same way as the submit button. Just click on the buttons and update their text as you like. Changes will be saved automatically.

You’ll also get a new checkbox option available to hide the “Prev” button at the bottom left. Enable this option if you want users to navigate only to the next page but not the previous one.

Multi-Page Form on the Frontend

Let us now check how our multi-page form is going to appear on the frontend.

With RegistrationMagic Premium, it’s so easy to create a multi-page form in WordPress. In fact, it really doesn’t take any more effort than creating a regular single-page form!

If you need any further assistance, please don’t hesitate to leave a comment. We’ll do our best to help you out!

Subscribe
Notify of
guest

4 Comments
Roland Kipper
Roland Kipper
2 months ago

I am so thankfull for being able to implement ProfileGrid and connect the Registration Magic forms with ProfileGrid. However, working on a form that is proper for parting in pages, I stumbled upen an issue: My RM UI is not showing the +Add Page at the bottom, and it is not an issue connected to the browser (I tried with Firefox and Chrome). Is there another setting that I have to activate or that is not compatible with multipage, for example sticky, etc.?

My deepest respect and warmest thoughts to the entire team and the brains behind Metagauss.

Kind regards,
Roland K

RegistrationMagic
Admin
RegistrationMagic
2 months ago
Reply to  Roland Kipper

Hi Roland,

Thank you for your kind words and for using RegistrationMagic with ProfileGrid. We really appreciate your feedback.

The multi-page form feature in RegistrationMagic is available only in the Premium version. Could you please confirm if you are currently using RegistrationMagic Premium?

Once we know this, we will be able to guide you further.

emiliano
emiliano
6 years ago

I followed your tutorial to create a multi page form, but when, from the first page, I press the “next” button, the form warns me that a required field on the second page has not been completed.

RegistrationMagic
RegistrationMagic
6 years ago
Reply to  emiliano

We are unable to replicate the reported issue at our end. Kindly elaborate it in detail in order to allow us understand it and also provide URL of the form to analyze it.