Contact Form 7 Multi Step Pro organizes long Contact Form 7 forms into steps or pages, grouping related fields into sections visitors can complete in sequence. You can create multiple multi-step forms on one WordPress site and add as many steps as each form needs.

Set up titled steps

In the Contact Form 7 menu, add a tab for each step, then switch between tabs to edit its fields. The interface uses Contact Form 7's built-in tags and options. Give each step a title so visitors know what information it covers.

This layout can suit quote requests, registrations, subscriptions, applications, reservations, event forms, and general requests. For example, a quote form can collect project details, contact information, and a final review in separate steps.

Guide visitors through the form

• Progress bar: Display numbered steps, choose a pre-built design, and display percentage progress.
• Navigation: Add custom Back and Next buttons.
• Transitions: Apply animation effects between steps.
• Preview: Let visitors review their entered data before submitting.
• Show input: Use the added tag to display data from earlier fields and steps.
• Choose step: Allow visitors to select a particular step to complete first.

Configure and review

Install and activate the add-on alongside Contact Form 7. Open a form, add tabs for its steps, and place the relevant fields in each one. Add titles, configure the Pro navigation and display options, and insert features such as a progress bar, preview button, or input display where needed. Then review the form's Back, Next, preview, and submission flow.

Compatibility information names Database for Contact Form 7 and WooCommerce Extensions. If you uninstall the add-on, the form returns to a single-page layout with its fields and tags together. The Pro edition is described as a one-time payment with lifetime updates.