Multi Step for Contact Form 7 Plugin

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:

• Database for Contact Form 7
• WooCommerce Extensions

💅 Looking for an appointment booking form?

Start scheduling WordPress appointments with a real-time booking form plugin 🌐

1. 

   Multi-Step Form in frontend with Progress Bar (PRO)

2. 

   Multi-Step Form in frontend

3. 

   Multi-Step in Contact Form 7

4. 

   Multi-Step Settings

5. 

   Progress Bar Options (PRO)

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

• 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