Multi Step for Contact Form 7

Maelezo

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

Julai 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.
Julai 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
Mei 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!
Soma maoni yote 71

Wachangiaji & Wasanidi

“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