Break your looooooong form into user-friendly steps

add-ons.org

Multi-Step for Contact Form 7 – Preview Submission

Plugin Provides step by step UI for Plugin Contact Form 7

Michele Giorgi

Formality

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

Phoeniixx

Multistep Checkout for  Woocommerce

Multistep checkout for woocommerce can be used to convert your checkout page into multisteps.

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> 🌐

Alternatives to Multi Step for Contact Form 7

Top alternatives