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

Michele Giorgi

Formality is an all-in-one WordPress form plugin that puts design and user experience first. Each form is characterized by an essential interface and a modern layout that follows the most recent UX patterns. No frills, no superfluous or overly characterized elements. No matter what theme you are using… with a few simple options you can quickly customize your forms and align them to your website design.
<h4>Why choose Formality</h4>
Formality is not the best nor the most complete form plugin. Formality does few things but it does them well and it continues to improve every day.
<ul>
<li>Designless – Smart layout with simple UI and common UX patterns</li>
<li>Conversational – Distraction-free form experience</li>
<li>Multistep – Group your questions in multistep form</li>
<li>Simple editor – Gutenberg-based form builder</li>
<li>Smooth – Async data submit with WP REST API</li>
<li>Security – Prevent spam with built-in token authentication</li>
<li>Logic condition – Show/hide fields based on user answers</li>
<li>Collect data – Simple interface to manage all your form results</li>
</ul>
Explore our <a href="https://formality.dev" rel="nofollow ugc">brand new website</a> for some awesome form examples that you can create with Formality.
<h4>Documentation/support</h4>
We are working on the full documentation which will be available soon… 
In the meantime, you can request support or report a bug on the <a href="https://wordpress.org/support/plugin/formality" rel="ugc">Support page</a>, or write us an email for any information.
<h4>Dev Hooks</h4>
You can extend Formality plugin functionality with its custom hooks. Formality has Filters, Actions and DOM Events for developers. You can find a wip reference page to start with, on this <a href="https://gist.github.com/michelegiorgi/56fe4489b922cf2af4704b79d4f56bb6" rel="nofollow ugc">Gist</a>.
<h4>Translations</h4>
Formality is now available in 5 languages. You can now choose between English, Italian, Indonesian, Czech and Swedish (Thanks to WordPress Community). You can help translating Formality to your language on <a href="https://translate.wordpress.org/projects/wp-plugins/formality" rel="nofollow ugc">translate.wordpress.org</a>

Formality

Formality is the best multistep contact form I've ever tried. 

Amazing!

Awesome multistep contact form


Dear @michelegiorgi,



thank you for this cool plugin. I really enjoy using it and it is and was a pleasure to extend all forms to my needs. Thanks to your documentation in the gist ;)


Impressive work & easy to extend

Forms made simple (and cute). Designless, multistep, conversational, secure, all-in-one WordPress forms plugin.

Multi Step for Contact Form 7 vs Formality