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 🚀
[youtube
https://www.youtube.com/watch?v=kMrQUDXcJs8]
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 🌐
Aug 1, 2024 - Version 2.7.7
Mar 22, 2024 - Version 2.7.6
Jul 3, 2023 - Version 2.7.5
- Fixed: Next button not work
Jun 13, 2023 - Version 2.7.4.2
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
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
1.0
- Version 1.0 Initial Release