WordPress.org

Description

Easily add multi step forms to Contact Form 7

This is an add-on for Contact Form 7 that allows you to transform your long contact form into a WordPress multi-step form.

Imagine that your form has 20+ fields and appears to be a lengthy list… Don’t discourage your audience with that! Let’s make your form look simpler!

The shorter, the better.

LIVE DEMO | GO PRO 🚀

Documentation

⚡️ FEATURES

Unlimited Steps
Simply add as many steps or form pages as you want.

Native Interface
Create new steps right inside your Contact Form 7 menu with their built-in tags and options.

Easy to Use
A tab makes a new step, thus very easy to switch and edit the form’s fields.

Custom Step Title
Give your step a specific name to optimize your form with clear types of information.

Full Compatibility
Works seamlessly with Contact Form 7 and all of its extensions.

Use cases:

Quote form
Request form
Registration form
Quotation form
Subscription form
Event form
Application form
Reservation form

🔑 HOW DOES MULTI-STEP FORM WORKS?

This Multi-Step plugin extends the Contact Form 7 functionality. After activating, you can start adding a new tab as a new step to your form. You can also have many multi step forms on the same website.

Check out step-by-step setup guide here.

With Multi-Step Pro, form steps can have their own titles, custom Back and Next buttons, animation effects, and more:

Progress bar (Pro): show numbered steps, various pre-built design options, percentage display
Show input (Pro): add this new tag to help display input data in the previous fields and steps
Preview button (Pro): insert a button to allow your visitors to double-check their submitted data before sending the form
Choose step (Pro): let the audience choose a particular step to complete first

Happy Form Building! 🧡

🎏 COMPATIBILITY

This CF7 Multi-Step plugin goes well with:

💅 Looking for an appointment booking form?

Start scheduling WordPress appointments with a real-time booking form plugin 🌐

Screenshots

Multi-Step Form in frontend with Progress Bar (PRO)
Multi-Step Form in frontend
Multi-Step in Contact Form 7
Multi-Step Settings
Progress Bar Options (PRO)

FAQ

I have issues when adding fields, tags, and steps. How can I get support?: Feel free to create a topic or drop us a message.
What if I uninstall the Multi-Step addon for Contact Form 7?: Your contact form will come back to its previous state with all fields and tags displaying on a single page.
What are the differences between the Multi-Step Lite & Pro version?: Multi-Step Pro comes with advanced features including progress bar, percentage, custom button, transition effects, preview option, user-selected steps, and so on.
Is that a one-time payment for Contact Form 7 Multi Step Pro?: Yes, you pay once to get lifetime updates.
Considering upgrading your contact form to Pro? Check it out: Contact Form 7 Multi Step Pro.

Reviews

danieledibiagio October 31, 2024

the plugin is awesome and that the support is very helpful and fast compared to other plugins

Francesco Azzaro September 27, 2024

This plugin is really useful and works very well. Advised!

boutzamat July 30, 2024 1 reply

For some reason, the submit button is not showing. I have to manually insert a submit button, and it’s just shown as a normal submit button, below my fields, not inlilne with the “back/next” buttons of the multistep form.

vineet007555 July 18, 2024 1 reply

Contacted them for an error in my plugin, They respond immediately and resolved the issues as soon as possible. Amazing Support Team Thanks to the team Ninja

ivancikjakub May 30, 2024

I am very satisfied with Multi Step for Contact Form 7, because its provides what I need for building multistep contact form using Contact Form 7 plugin. Every step is loaded smoothly because of animation, very helpful is also the settings for auto-scroll to top form when next step is loaded. I appreciate implementation to CF7 with no additional setup, just open the form a here it is! – steps to add or delete. I will continue to use it also for another projects and wish the best to developers!

Atoupro May 15, 2024

Support helped me fix my problem very quickly. 🙂

Read all 71 reviews

Contributors & Developers

“Multi Step for Contact Form 7” is open source software. The following people have contributed to this plugin.

Ninja Team

Translate “Multi Step for Contact Form 7” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

Sep 9, 2024 – Version 2.7.8

Fixed: Bug report by Patchstack

Aug 1, 2024 – Version 2.7.7

Fixed: Load CSS

Mar 22, 2024 – Version 2.7.6

Fixed: Small bugs

Jul 3, 2023 – Version 2.7.5

Fixed: Next button not work

Jun 13, 2023 – Version 2.7.4.2

Fixed: Link Go Pro

Apr 7, 2023 – Version 2.7.4.1

Fixed: Error with Next button

Apr 3, 2023 – Version 2.7.4

Work with WP 6.2
Added: scroll to first error when validate failed
Added: New validation function
Fixed: Recall tag (PRO version)
Fixed: Array map in PHP 8.0
Fixed: Compatible with Contact form 7 Database
Fixed: Preview tag style

Oct 24, 2022 – Version 2.7.3

Added: Auto focus on the first field

Oct 10, 2022 – Version 2.7.2

Added: Alert when activating 2 versions

Aug 25, 2022 – Version 2.7.1

Fixed: Error of file upload required field

Jun 20, 2022 – Version 2.7

Fixed: Error of required fields

Aug 25, 2022 – Version 2.6.9

Fixed: Validate file upload required

Jun 20, 2022 – Version 2.6.8

Fixed: Validate required field in new version CF7 5.6

Dec 9, 2021 – Version 2.6.7

Fixed: Break contact form layout
Fixed: No validation for hidden field

Dec 1, 2021 – Version 2.6.6

– Fixed: Contact form handling properties (CF7 version >= 5.5.3)

Jun 28, 2021 – Version 2.6.5

Fixed: Check step name is array or object when load form

May 28, 2021 – Version 2.6.4

Fixed: Error Recall tag

Dec 1, 2021 – Version 2.6.3

Fixed: Contact form properties handling (CF7 version >= 5.5.3)

Apr 23, 2021 – Version 2.6.2

Fixed: Button color
Fixed: Form validation

Mar 15, 2021 – Version 2.6.1

Improved: Admin UI
Fixed: Double click on Next button
Fixed: Error validate upload file since CF7 5.4
Fixed: Next button in WPBakery
Fixed: File upload validation
Fixed: Event click Allow Choose Step
Fixed: CSS of color board
Fixed: CSS text Select Option
Fixed: Sanitize some fields
Fixed: Split of undefined
Fixed: CSS of Submit button only affected if its form has steps
Fixed: Compatible with Moana – Contact Form 7 Builder
Removed: Form border
Removed: Unused files

2.5 – BIG UPDATE

Fixed: Error with WordPress 5.5
Fixed: Compatibility with Moana – Contact Form 7 Builder
Added: New layout
Added: Styles for progress bar (Pro)
Added: Color for progress bar (Pro)
Added: Transition effects for steps (Pro)
Added: Progress percent bar (Pro)
Added: Live preview for progress bar (Pro)
Added: Add class “current” into present steps
Added: Scroll to top of the form when pressed “Next”, “Back”
Added: Turn on/off for scroll animation
Added: Name for checkbox field (-cbmls) (e.g: checkbox-123-cbmls)
Added: WordPress Hooks
Added: New form-tag “recall” to display what the user has filled in the form (Pro)
Added: Preview Button (Pro)
Added: JS functions to save user’s information in every step & work with Contact Form 7 Database
Added: Some hooks for developers to fix button background color
Added: POT file for translate
Added: Language translate
Added: Press Enter to submit
Added: Loading animation
Fixed: Some bugs
Fixed: Error message for checkboxes
Fixed: Checkboxes with use_label_element
Fixed: Njt Answer for default option of radio button
Fixed: Red border of required fields missing
Fixed: Compatible with contact form 7 version 4.8
Fixed: Fix js bug with some hosts
Fixed: Fix bug with multi forms
Fixed: Conflict with Visual Composer
Fixed: Auto p
Fixed: Validation with select
Fixed: Acceptance tags
Fixed: Validation
Fixed: Translate default text in CF7 Message tab
Removed: WPCF7_Shortcode
Removed: wpcf7_add_shortcode
Removed: deprecated functions
Removed: Unused files
Changed: Tag line
Changed: last button’s background color, text color in admin panel
Improved: CSS

1.1

Improve UX/UI
Fix CSS

1.0

Version 1.0 Initial Release