Multi Step for Contact Form 7

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

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.
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
🌸5️⃣ 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!
Read all 71 reviews

Contributors & Developers

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

Contributors

Changelog

Nov 18, 2024 – Version 2.7.9

  • Updated: Compatible with CF7 6.0

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