Use the Multistep Forms to break a long form into multiple smaller sections, guiding your users through a step-by-step process instead of showing all form fields at once.
You can create or convert any form to be a multistep form where you navigate through separate form screens, each with its fields. A progress bar shows where you are in the flow, and the Submit button on the last screen submits the form as one.
This feature can help you improve the user experience: people filling up the forms can focus on one section at a time, which can lead to higher completion rates. A progress bar shows where you are in the flow, and the form is submitted all at once when the final step is complete.
Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you have a few options:
- Deactivate the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
- Enable both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin (not the menu under Jetpack settings). Set Allow users to switch editors to Yes. You will only see these options if you have the Classic Editor plugin installed and active.
Some custom themes or plugins may prevent you from using the Block Editor. In that case, please contact the support team for the plugin or theme for further assistance.
For more details, see Using Blocks and the Classic Editor.
The Multistep Form is part of the Jetpack Contact Form block. You can read more about how the Jetpack Contact Form blocks work on this page. You can also read more about the Jetpack Blocks here.
Set up the Multistep Form
You can either create a new multistep form or convert an existing form into a multistep flow.
Each form is divided into separate screens (steps) with users navigating using Next and Previous buttons. The Submit button only appears on the final step and submits the full form.
Available Blocks
When adding a multistep form block, you can see use the following blocks:
- Multistep Form: The main block that contains your entire form.
- Progress Indicator: A visual bar that shows where users are in the process.
- Step Container: A wrapper block that holds all Form Step blocks.
- Form Step: A container block that holds the fields for a single step.
- Step Navigation: Adds Next and Previous buttons for step-to-step navigation.
Customize the Multistep Forms
You can customize the style and the settings of each specific block mentioned above by clicking on them. The settings bar in the post editor will offer specific settings depending on the type of block you are modifying. For example, from the main Multistep Form block’s editor bar you can add steps before and after the one selected, or select the number of steps you want to see displayed (all, or just a specific one).
You can also customize the steps titles, using different formatting options and/or using our AI Assistant to improve your form.
The Editor settings sidebar includes layout and advanced options, such as changing the colors and the dimension of the individual blocks.
Still need help?
Please contact support. We’re happy to advise.
Privacy Information
The Multistep Forms Block is activated by default. It can be deactivated/reactivated at any time by following the guide to control Jetpack features on one page.
| Data Used | |
|---|---|
| Site Owners / Users For activity tracking (detailed below): IP address, WordPress.com user ID, WordPress.com username, WordPress.com-connected site ID and URL, Jetpack version, user agent, visiting URL, referring URL, timestamp of event, browser language, country code. | Site Visitors If Akismet is enabled on the site, the contact form submission data (IP address, user agent, email address, site URL, and comment) is submitted to the Akismet service (also owned by Automattic) for spam checking. The actual submission data is stored in the site’s database on which it was submitted and is emailed directly to the owner of the form (i.e., the site author who published the page on which the contact form resides). This email will include the submitter’s IP address, timestamp, name, email address, website, and message. The IP address is included as an abuse prevention measure. And for sites using Akismet, it is required to provide proper spam defense. |
| Activity Tracked | |
| Site Owners / Users We track when and by which user the feature is activated and deactivated and when CSVs or Google Sheets are exported from the Feedback forms page. | Site Visitors None. |
| Data Synced (Read More) | |
| Site Owners / Users We sync a single option that identifies whether the feature is activated. | Site Visitors We sync post and post-meta data associated with a user’s contact form submission. If Akismet is enabled on the site, the IP address and user agent originally submitted with the comment are also synced, as they are stored in post meta. |
Jetpack 