Multi Step for Contact Form 7

Description

Easily add multi step forms to Contact Form 7

This is an addon 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

⚡️ 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 documentation 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:

Screenshots

  • Multi-Step in Contact Form 7
  • Multi-Step Settings
  • Progress Bar Options (PRO)
  • Multi-Step Form in frontend
  • Multi-Step Form in frontend with Progress Bar (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

February 15, 2021
The plugin does exactly what client needed it to do, however out of the box it wasnt scrolling to the true top of the form on the next page, but the devs were able to give me code to add to my functions.php file and now it works perfectly.
February 12, 2021
you really should write somewhere that the free version of your plugin is limited to 3 steps. I lost hours today implementing this in my website and now I have to start over or try to edit your plugin. thanks a lot.
Read all 20 reviews

Contributors & Developers

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

Contributors

Changelog

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