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 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

Enero 11, 2023 1 reply
I had originally implemented a multi-step CF7 form only by using HTML and CSS. However, this stopped working. Installing this plugin was a huge help, and it was very easy to set up. No more scrolling when editing CF7. The plugin works as described, and I use it in combination with another plugin: Conditional Fields for Contact Form 7.
Enero 6, 2023 1 reply
Nice plugin to have for an easy form-step workflow. Makes your funnel go wild!
Enero 2, 2023 1 reply
Very good plugin, right now I am using the free version that works very well, but I will probably switch to the paid one. Even if I don't necessarily need the additionnal functionalities, it's fair to reward good work !
Disyembre 26, 2022 1 reply
This Plugin is Excelent. No bugs. Useful. Contact support team and they will get back to you with technical issues within a day or two. ใ“ใฎใƒ—ใƒฉใ‚ฐใ‚คใƒณใฏไฝฟใ„ๅ‹ๆ‰‹ใŒ่‰ฏใใ€ๅ„ชใ‚Œใฆใ„ใพใ™ใ€‚ใƒใ‚ฐใ‚‚็ขบ่ชใ—ใฆใ„ใพใ›ใ‚“ใ€‚ ๆŠ€่ก“็š„ใชๅ•้กŒใŒใ‚ใฃใŸๅ ดๅˆใงใ‚‚ใ‚ตใƒใƒผใƒˆใƒใƒผใƒ ใซใƒใƒฃใƒƒใƒˆใงๅ•ใ„ๅˆใ‚ใ›ใ‚Œใฐ๏ผ‘ไธกๆ—ฅไธญใซๅฏพๅฟœใ—ใฆใใ‚Œใพใ™ใ€‚
Setyembre 28, 2022 1 reply
+1 for the support team.
Read all 49 reviews

Contributors & Developers

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

Contributors

Changelog

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