To create a multi-step form in WordPress, install Giraforms Pro, add a Form Container block to any page, then click "Add Step" inside the editor to divide your form into sections. Each step gets its own set of fields. Giraforms automatically adds a configurable progress bar and Previous/Next navigation buttons. Multi-step is a Pro feature.
Long forms are a conversion killer. Research consistently shows that asking too many questions on a single screen increases abandonment — users see the length, feel overwhelmed, and leave before submitting. Multi-step forms solve this by breaking a long form into digestible sections, showing users only what's relevant at each stage, and giving them a sense of progress through the process.
Multi-step forms achieve an average 86% higher completion rate compared to equivalent single-page forms of similar length, according to research compiled by Typeform (2023).
What is a multi-step form and when should you use one?
A multi-step form breaks a single form into two or more screens ("steps"), showing users a subset of fields at a time. Users complete one step and click "Next" to advance — seeing a progress bar that tells them how far along they are. If they need to correct something, a "Previous" button lets them go back without losing their data.
Use multi-step forms for: job applications (personal info → work history → references → upload CV), quote request forms (contact details → project specs → budget → timeline), client intake forms (basic info → service selection → scheduling → payment), and online surveys with many questions. Any form with more than 6–7 fields is a good multi-step candidate.
Requirements: Giraforms Pro
Multi-step forms are a Giraforms Pro feature. The free version of Giraforms supports all standard single-step forms and is a great starting point — but to split a form across multiple steps with a progress bar and per-step validation, you need the Pro license ($39/year).
New to Giraforms? Start with the free version to build simple contact forms. When you're ready to graduate to multi-step, upgrade to Pro — all your existing forms, submissions, and settings carry over automatically.
Step 1 — Install Giraforms Pro and activate your license
Download the Giraforms Pro ZIP from your customer account at customers.freemius.com. In WP Admin, go to Plugins → Add New → Upload Plugin, select the ZIP, and click Install Now. Activate the plugin. Then go to Giraforms → License and enter your Pro license key to unlock all premium features.
Step 2 — Create a new form in the block editor
Go to Pages → Add New (or open an existing page). Insert a Form Container block using the + inserter or by typing /giraforms. For a multi-step form, start with a blank form rather than a template — you'll build the step structure manually. Give the form a clear internal name so you can identify it in the submissions panel later.
Step 3 — Add your first step and its fields
Inside the Form Container, look for the "Add Step" button in the block toolbar. Click it to create Step 1. A step container appears — now add the fields for this section using the + inserter inside the step. For example, Step 1 might contain: First Name, Last Name, and Email Address.
Label your step clearly (e.g., "Personal Information") — this label appears in the progress bar so users know what's coming. Each step block has a label field in its settings panel.
Step 4 — Add additional steps
Click "Add Step" again to create Step 2, then Step 3, and so on. Add the appropriate fields to each step. A typical structure for a project inquiry form might be: Step 1 = Contact Details (name, email, phone), Step 2 = Project Details (type, description, timeline), Step 3 = Budget (range, payment terms), Step 4 = Review & Submit.
You can reorder steps by dragging their block handles. You can also move individual fields between steps using the block mover arrows — no need to delete and recreate them.
Step 5 — Configure the progress bar and navigation
Select the Form Container block (the outer wrapper). In the block settings panel, find the Multi-Step section. Options include:
- Progress bar style: step dots (○ ● ○ ○) or percentage bar (▓▓▓░░)
- Show step labels: display the step name below each dot
- Next button label: customize the text (default: "Next")
- Previous button label: customize the text (default: "Back")
- Submit button label: appears only on the last step
Step 6 — Enable per-step validation
Click any field inside the form and check "Required" in the block settings panel. When a field is marked required, Giraforms validates it before letting the user advance to the next step. If they try to click "Next" without completing required fields, an inline error message appears next to each incomplete field — no page reload, no lost data.
This is one of the most valuable aspects of multi-step forms: instead of showing all validation errors at once at the bottom of a long form, users see errors only for the current section, making it much easier to fix mistakes.
Step 7 — Test and publish
Preview the page and navigate through all steps. Verify: required field validation fires correctly when you try to skip ahead, the progress bar advances on each step, the Previous button returns to the correct step without clearing data, and the final Submit button triggers an email notification and stores the submission. When everything works as expected, publish the page.
Advanced: Combine multi-step forms with conditional logic to show or hide entire steps based on user answers. For example, show a "Payment Details" step only if the user selected "Paid service" in Step 2.