Munir Kamal

CF7 Blocks is the ultimate solution for integrating Contact Form 7 with the WordPress block editor. With CF7 Blocks, you can easily create and customize contact forms within the familiar block editor interface. No more fiddling with shortcodes or HTML – just drag and drop blocks to build your forms exactly how you want them.
CF7 Blocks comes with a variety of pre-designed form templates to choose from, making it even easier to get started. And with full integration with Contact Form 7, all your form submissions will be saved and managed in the same place as before.
Don’t waste any more time trying to fit your forms into the old editor – upgrade to CF7 Blocks and take advantage of the power and flexibility of the block editor today!

Block Editor Kit for Contact Form 7 – CF7 Blocks


Awesome user experience. Great to such a thing for the CF7


Awesome user experience


Contact Form 7 is my favorite contact form plugin for WordPress, although it's not a secret that its interface is not the most comfortable to use, especially for novice users. This plugin is a great success to modernize its interface and bring CF7 closer to more users.


A long-awaited feature for CF7 has finally arrived


Great Plugin - This plugin will revolutionize the way how we create forms. This plugin has potential to compete with premium plugins. Just few more features/bug fixes are required and this plugin will be on top of the list of all content editors who love to use CF7.


Great Plugin - This will revolutionize the way how we create forms.

CF7 Blocks brings the power of the WordPress block editor to Contact Form 7, allowing you to easily create and customize forms within the familiar int …

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

Block Editor Kit for Contact Form 7 – CF7 Blocks vs Multi Step for Contact Form 7