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

Ogwomunaana (Muwakanya) 1, 2021
This plugin works well for my purpose. Haven't encountered any issues.
Sseeboaseka 4, 2021
I used this plugin to design a multi-step form and it worked great and had a small issue with it off course my mistake but the developer pointed out and fixed it, thanks to the effort and a great plugin. I recommend it for everyone who wants a multi-step form on your WordPress website.
Read all 31 reviews

Contributors & Developers

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

Contributors

Changelog

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