Ninja Team

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.
<a href="https://demo.ninjateam.org/contact-form-7-multi-step/" rel="nofollow ugc">LIVE DEMO</a> | <a href="https://1.envato.market/Contact-Form-7-Multi-Step" rel="nofollow ugc">GO PRO</a> 🚀
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/kMrQUDXcJs8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://ninjateam.gitbook.io/contact-form-7-multi-step/" rel="nofollow ugc">Documentation</a>
<h3>⚡️ FEATURES</h3>
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:
<ul>
<li>Quote form</li>
<li>Request form</li>
<li>Registration form</li>
<li>Quotation form</li>
<li>Subscription form</li>
<li>Event form</li>
<li>Application form</li>
<li>Reservation form</li>
</ul>
<h3>🔑 HOW DOES MULTI-STEP FORM WORKS?</h3>
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 <a href="https://ninjateam.org/contact-form-7-multi-step-pro-doc/" rel="nofollow ugc">step-by-step setup guide here</a>.
With Multi-Step Pro, form steps can have their own titles, custom Back and Next buttons, animation effects, and more:
<ul>
<li>Progress bar (Pro): show numbered steps, various pre-built design options, percentage display</li>
<li>Show input (Pro): add this new tag to help display input data in the previous fields and steps</li>
<li>Preview button (Pro): insert a button to allow your visitors to double-check their submitted data before sending the form</li>
<li>Choose step (Pro): let the audience choose a particular step to complete first</li>
</ul>
Happy Form Building! 🧡
<h3>🎏 COMPATIBILITY</h3>
This CF7 Multi-Step plugin goes well with:
<ul>
<li><a href="https://wordpress.org/plugins/cf7-database" rel="ugc">Database for Contact Form 7</a></li>
<li><a href="https://woo.com/vendor/yaycommerce" rel="nofollow ugc">WooCommerce Extensions</a></li>
</ul>
<h4>💅 Looking for an appointment booking form?</h4>
Start scheduling WordPress appointments with a <a href="https://wordpress.org/plugins/bookster/" rel="ugc">real-time booking form plugin</a> 🌐

Multi Step for Contact Form 7

Works Great

Break your looooooong form into user-friendly steps

add-ons.org

Multi-Step for Contact Form 7 – Preview Submission

Developer

Plugin Provides step by step UI for Plugin Contact Form 7

Multi Step for Contact Form 7 vs Multi-Step for Contact Form 7 – Preview Submission