How to Build a Multi-Step Form in WordPress

Your enquiry form started with four fields. Then came the service type, the budget, the address, the preferred date and a box for photos, and now it runs past the bottom of a phone screen before anyone sees the Send button. Someone suggested breaking it into steps. That can help, but only when the form is genuinely long and the breaks fall in sensible places.

This post covers when a multi-step form in WordPress is worth building, how the common form plugins handle it, and what to test before customers use it. It assumes a form plugin is already installed. If you are starting from nothing, adding a basic contact form comes first.

When splitting a form into steps actually helps

Steps are a layout choice. They do not make a form shorter; they make a long form feel manageable by showing one group of questions at a time. That works well in a few situations:

• The form has more fields than fit on one phone screen, and every one of them is needed.
• The questions fall into natural groups, such as “about you”, “about the job” and “when and where”.
• Early answers decide what comes later, so it makes sense to ask them first.

It works badly on a simple contact form. Name, email and message on three separate screens is just two extra taps between the visitor and you. A useful test: if you cannot give each step a two or three word title, the grouping is not natural and the steps will feel arbitrary.

Also be honest with yourself about whether every field is needed. Steps can hide a form that should simply lose half its questions. If a field only matters once you have spoken to the customer, ask it on the phone instead.

What to check before you build

Does your form plugin support steps? Most of the well-known ones do in some form. WPForms and Formidable Forms use a Page Break field that splits the form where you drop it. Gravity Forms uses a Page field that works the same way. Fluent Forms has its own step feature. Contact Form 7 has nothing built in; separate add-on plugins from other developers add steps to it. Whether the feature sits in the version you have depends on the plugin, so check its documentation before you plan around it.

Is anything connected to the form? If entries feed a Google Sheet, a CRM or a mailing list, note which fields are mapped. Moving fields between steps does not normally break those connections, but adding or renaming fields can.

Can you work on a copy? Most form plugins let you duplicate a form from the forms list. Build the new version as a copy, so the live form keeps taking enquiries while you work and you have something to go back to.

Building a multi-step form in WordPress, step by step

The exact labels differ between plugins, but the order of work is the same everywhere.

1. Duplicate the current form and give the copy a clear name, such as “Quote form, stepped version”.
2. Group the fields on paper first. Two to four groups is usually right. Write a short title for each.
3. Decide what goes first. Easy questions at the start help people get going. Some owners prefer contact details first so they can follow up if someone stops halfway, but that only works if partial entries are saved, and asking for a phone number before anything else can put people off.
4. Insert the break field between each group in the form builder. Each break creates a new step.
5. Name the steps and pick a progress indicator. Most plugins offer a choice such as a bar, numbered steps, or nothing at all. These settings usually sit on the first break field or in the form’s settings.
6. Rename the buttons. “Next: your project” tells people where they are going. “Next” on its own tells them nothing.
7. Check how required fields behave. Most plugins check the required fields on a step before letting the visitor move on, which is what you want. Confirm yours does, so nobody reaches the end and gets sent back to step one.
8. Preview, then test on a real phone before you put the new form on the page.
9. Swap the form on the page. A duplicated form has a new ID, so the block or shortcode on your page still shows the old one until you change it.

Progress bars or step titles?

Both answer the visitor’s real question, which is “how much more of this is there?”. Step titles are clearer when there are only two or three steps, because people can see what is coming. A bar suits longer forms. Whichever you choose, keep the count honest. A form that says “Step 2 of 3” and then produces a fourth screen loses trust quickly.

Saving partial entries, and why to be careful

Some plugins, often through an add-on, can do one of two different things with a half-finished form, and it helps to keep them apart.

• Save and resume. The visitor chooses to save their progress and gets a link to come back later. Gravity Forms has this as Save and Continue, and WPForms has a Save and Resume add-on. It suits long applications where people may need to find documents.
• Partial entry capture. The plugin records what someone typed even though they never pressed Submit. WPForms calls its version Form Abandonment, and other plugins have similar options.

The second one needs thought. The visitor did not choose to send you anything. If you collect personal details this way, your privacy policy should say so, and in the UK and EU you need a lawful basis for keeping and using that data. Ringing someone about a form they abandoned can also feel intrusive. Many owners decide it is not worth it. Completed entries are a different matter, and keeping a stored copy of every submission is worth doing on any form.

Making the steps work on a phone

Multi-step forms are mostly a mobile solution, so that is where they need the most testing.

• Where does each new step open? When someone taps Next, the new step should start at its top. On some setups it opens halfway down the screen and people think nothing happened.
• What does the phone’s back button do? On many forms it leaves the page altogether instead of going back one step. Make sure the form’s own Previous button is easy to see, and check that answers survive a trip back.
• Do the right keyboards appear? Use the plugin’s Email and Phone field types rather than plain text fields, so phones show the matching keyboard.
• Are the errors visible? A message saying a field is missing is useless if it appears above the visible area of the screen.
• Are the buttons easy to hit? Next and Previous sitting close together on a small screen leads to mis-taps.

Steps and conditional fields are different tools

Steps decide how questions are grouped on screen. Conditional logic decides which questions appear at all, based on earlier answers. They combine well: a step can show only the fields that apply to the service someone picked, or a whole step can be skipped. That side is covered in showing form fields based on an answer. If you are working out which questions a pricing enquiry needs in the first place, see the post on building a request-a-quote form.

For where forms sit in the bigger job of looking after a site, this topic is part of our beginner’s guide to running WordPress, and the overview of forms on a WordPress website maps out the rest of the group.

Mistakes that make long forms worse

• One question per step. Twelve screens for twelve questions is tiring, not friendly.
• Forgetting the notification email. The submission still arrives as one email with every field. But if your notification lists fields one by one, as Contact Form 7 mail tags do, any new field has to be added there too.
• Leaving the old form live somewhere else. Footer widgets, popups and landing pages often carry their own copy of the form. Search for them before you retire it.
• No reassurance at the end. After several screens, people want a clear sign that it worked. Check the confirmation message or thank-you page still appears.
• Testing only the happy path. Try going back, leaving a required field empty, and submitting from a phone on mobile data. Our routine for checking a form is working covers the full list.

How to undo it

Because you built on a copy, going back is simple. Put the original form’s block or shortcode back on the page. Entries stay attached to the form that received them, so nothing collected by either version is lost. Keep the stepped copy for a while in case you want to try again with different groupings.

Frequently asked questions

Do multi-step forms get more submissions than single-page forms?

There is no rule that holds for every site. A stepped form can feel easier on a phone, but it also adds taps, and on a short form that can cost you. The honest way to know is to compare your own entries for a few weeks before and after the change, keeping the questions themselves the same.

Can I see which step people give up on?

Sometimes. A few plugins report step views, and some can send an event to Google Analytics each time a visitor moves to the next step, which shows where numbers fall away. Check your plugin’s documentation. Avoid capturing half-typed personal details just to get these figures; counts of step views are enough to spot a problem step.

Does spam protection still work on a multi-step form?

It should, but check where the check sits. A CAPTCHA normally appears on the last step, next to the Submit button, and some checks can expire if a visitor takes a long time over earlier steps. If genuine people report errors at the end, test by filling the form slowly before you submit.

How many steps should a form have?

For most small business forms, two to four. Fewer than two is not a stepped form, and beyond four people start wondering how long it will take. If you find yourself needing more, look again at whether every question is needed before the first conversation with the customer.

Regrouping a long form is fiddly work to fit around running a business. Our WordPress support team can help with the restructuring and the testing, working on a copy so your current form stays where it is.

Next in this series: Conditional Logic in WordPress Forms: Show the Right Fields