webheadcoder

I needed a contact form that spanned across multiple pages and in the end would send an email with all the info collected. This plugin adds onto the popular Contact Form 7 plugin to do just that.
Sample of this working is at <a href="https://webheadcoder.com/contact-form-7-multi-step-form/" rel="nofollow ugc">https://webheadcoder.com/contact-form-7-multi-step-form/</a>
Requires the <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7 plugin</a>, version 5.2 or above, by Takayuki Miyoshi.
Usage
<ol>
<li>
Create one page or post for each step in your multi-step form process. If you have 3 steps, create 3 pages/posts. You will need the urls to these when creating your forms.
</li>
<li>
Create a Contact Form 7 form.
</li>
<li>
Place your cursor at the end of the form.
</li>
<li>
On the “Form” tab of the Contact Form 7 form, click on the button named “multistep”.
</li>
<li>
In the window that pops up, check the checkbox next to “First Step” if this is the first step of your multi step forms. If this is your last step in the multi step forms, check the “Last Step” checkbox. All other checkboxes are optional.
</li>
<li>
The Next Page URL is the url that contains your next form. If this form is the last step, you can leave the URL field blank.
</li>
<li>
Click “Insert Tag”
</li>
<li>
Save your completed form and place the form’s shortcode into the appropriate Page/Post you created in step 1.
</li>
<li>
Repeat for each form in your multi-step form process.
</li>
<li>
On the last step, you probably would want to send an email. Make sure to check the “Send Email” checkbox in step 5. On the Mail Tab, simply enter the mail-tags as you normally would. For example if your first form has the field <code>your-email</code> you can include <code>[your-email]</code> in the Mail tab on your last form. Note: CF7 will see this as an error because <code>your-email</code> may not be displayed on the current form. You can safely ignore this error.
</li>
</ol>
Multistep Tag Options
<ul>
<li>
Name – The name of this multistep form-tag. This is required, but is currently not being used.
</li>
<li>
First Step – Besides marking the first step of your multistep forms, this allows any form to act as the first step and show when no previous data has ben submitted. This is useful when you want some users to skip the first step.
</li>
<li>
Last Step – Besides marking the last step of you multistep forms, this clears the data from user’s browsers. Once they submit this form they won’t see their data populating the forms anymore.
</li>
<li>
Send Email – If this is checked the form will send an email like a normal Contact Form 7 submission.
</li>
<li>
Skip Save – If you use Flamingo or CFDB7 to save submissions to the database this prevents saving this form submission.
</li>
<li>
Next Page URL – This is the URL your users will go to after the form is submitted.
[multistep multistep-123 last_step send_email skip_save “/thank-you”]
</li>
</ul>
Additional Tags
<pre><code>[multiform "your-name"]
</code></pre>
The <code>multiform</code> form-tag can be used to display a field from a previous step. Replace <code>your-name</code> with the name of your field. This is only for use on the Form tab, this tag will not work in the Mail tab.
<pre><code>[previous "Go Back"]
</code></pre>
The <code>previous</code> form-tag can be used to display a button to go to a previous step. Replace <code>Go Back</code> with text you want to show in the button.
Messages Tab 
When a visitor to your site visits the 4th step in your multi step form without filling out the 1st step, the message “Please fill out the form on the previous page.” will be displayed. You can change this on each form in the Messages tab.
What this plugin DOES NOT do:
<ul>
<li>
This plugin does not support file uploads on every form. If you need to use file uploads make sure to place it on the last step.
</li>
<li>
This plugin currently does not support “pipes” in the select field. See https://contactform7.com/selectable-recipient-with-pipes/ for more on what “pipes” is on the Contact Form 7 site.
</li>
<li>
This plugin does not load another form on the same page. It only works when the forms are on separate pages. Many have asked to make it load via ajax so all forms can reside on one page. This plugin does not support that.
</li>
</ul>
PRO Version 
If you expect to have a lot of data submitted through your multi-step forms, the Pro version may be able to help you better. The PRO version uses Session Storage so it is able to handle roughly 1,000 times more data for your multiple forms. In total it can handle about 5MB vs 4KB in the free version. Currently the Pro version REQUIRES the WordPress REST API and Contact Form 7 AJAX Submission to be enabled.
Another feature the Pro version offers is the ability to skip steps with the “Contact Form 7 – Conditional Fields plugin”. <a href="https://webheadcoder.com/contact-form-7-multi-step-forms/#pro" rel="nofollow ugc">Learn more here.</a>

Contact Form 7 Multi-Step Forms

After another well-known contact form plugin stopped working I needed a different multi-page form solution. CF7 with this plugin fit the bill.

Does what it needs to do.

Enables the Contact Form 7 plugin to create multi-page, multi-step forms.

wpWax

<h4>Form Building, Reimagined for WordPress</h4>
Website forms aren’t just for collecting emails anymore. They’re essential tools for growth. Whether you’re capturing leads, scheduling appointments, collecting payments, or running surveys or quizzes, your form builder should do more than just gather data. It should help you convert, automate, and scale.
Meet FormGent – a modern, AI-powered form builder that’s built for performance, simplicity, and feels like a part of WordPress, not a separate platform.
FormGent lets you create high-converting forms of any kind—conversational form, multi-step form, payment, surveys, and more, in just a few clicks. Simply drag and drop, or describe it with AI to generate your form in seconds. You can also connect tools like Google Sheets, Mailchimp, Zapier, or Zoho to automate your entire workflow—no code, no complexity.
And best of all? The most premium features aren’t locked behind a paywall.
<ul>
<li>Premium Features — FREE</li>
<li>AI Form Builder — create forms in seconds</li>
<li>Drag, Drop & Done — as easy as it sounds</li>
<li>Ready-Made Templates — build smarter, not longer</li>
<li>Feels like WordPress — no learning curve, no clutter</li>
</ul>
So if you’re ready to build forms that are faster, smarter, and easier, you’re in the right place.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qpzpK_RSgh8?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>
<h3>What You Can Build With FormGent</h3>
With FormGent, you can create any type of form your website needs. Here are a few practical examples to spark your imagination, each with a step-by-step guide.
<ul>
<li><a href="https://formgent.com/create-conversational-forms/" rel="nofollow ugc">Create Conversational Forms That Boost Engagement</a></li>
<li><a href="https://formgent.com/how-to-create-a-job-application-form/" rel="nofollow ugc">Build a Job Application Form Like a Pro in Just 4 Steps</a></li>
<li><a href="https://formgent.com/how-to-create-an-rsvp-form-in-wordpress/" rel="nofollow ugc">Step-by-Step Guide to Crafting an RSVP Form</a></li>
<li><a href="https://formgent.com/create-feedback-forms/" rel="nofollow ugc">How to Collect Meaningful Feedback</a></li>
</ul>
<h3>Need Something Else? You Can Build That Too</h3>
<ol>
<li>Contact Form</li>
<li>Lead Generation Form / Newsletter Signup</li>
<li>Payment Form / Payment Collection</li>
<li>Multi-Step Form</li>
<li>Survey Form</li>
<li>Customer Testimonials Form</li>
<li>Quote Request Form</li>
<li>Product Order Form</li>
<li>Support Ticket Form</li>
<li>Course Registration Form</li>
<li>NPS (Net Promoter Score) Survey</li>
<li>Student Feedback Form</li>
<li>Volunteer Sign-Up Form</li>
<li>Employee Onboarding Form</li>
<li>Workshop Registration Form</li>
<li>Post-Purchase Feedback Form</li>
<li>Scholarship Application Form</li>
<li>Employee Leave Request Form</li>
</ol>
<h3>Key Features at a Glance</h3>
<ol>
<li>
Conversational form 
FormGent allows building conversational forms that not only boosts engagement but also increases completion rate. 
Bonus: It saves your incomplete submission data in the back for you to find what you might be missing.
</li>
<li>
Multistep form 
Don’t bore your customers with boring and lengthy forms. Break underwhelmingly long forms into multi-step forms using the page breaks and improve user experience. 
Classic or Conversational, make your visitors’ interaction enjoyable.
</li>
<li>
Conditional Logic 
Deliver personalized form experiences by showing or hiding fields based on user input. Create dynamic forms that adapt in real time, improving engagement and data quality.
</li>
<li>
AI Form Creation 
Effortlessly create intelligent, fully functional forms from a simple prompt. Save time and eliminate guesswork with support for both conversational and classic form formats.
</li>
<li>
Integration 
FormGent seamlessly connects with your favorite tools like Google Sheets, Zapier, Mailchimp, Zoho CRM, PayPal, Stripe, Google Maps, and more. So every form submission can instantly trigger the next action, automate workflows, and keep your business moving.
</li>
<li>
Payment 
Receive your e-commerce product orders and collect online payments with a highly customized product order and payment collection form. Seamlessly integrate FormGent with popular payment options.
</li>
<li>
Quiz 
Formgent allows you to turn any form into an interactive quiz with scoring and result display. This is perfect for educational tools, assessments, knowledge checks, or fun interactive content.
</li>
<li>
Save incomplete data ( Conversational form ) 
FormGent saves incomplete data with no-code forms and AI-supported form-building features. Save partial form data right away. Prevent loss of progress, save your information. Capture unfinished form submissions.
</li>
<li>
Analytics 
Track how your forms perform with built-in analytics. Monitor submission rates, field drop-offs, and user behavior to optimize your forms for better conversions and user engagement, without relying on external tools.
</li>
</ol>
<h3>What You Get for FREE</h3>
After reviewing the free features, you’ll say – “Are you out of mind?” It seems like madness, but you know, “Great things come from madness”.
<ol>
<li>Multi-step Forms / Page Break</li>
<li>Conversational Form</li>
<li>Conditional Logic</li>
<li>iFrame Embedding</li>
<li>FormGent AI</li>
<li>Payment System</li>
<li>Google Sheets Integration</li>
<li>Zapier Integration</li>
<li>Directorist Integration</li>
<li>WPML Integration</li>
<li>MailChimp Integration</li>
<li>PayPal Integration</li>
<li>Stripe Integration</li>
<li>Google Maps Integration</li>
</ol>
<h3>Pro Isn’t Required. But It’s Worth It</h3>
We care about your single penny, that’s why we packaged FormGent in a solid way. Our free plan will cover almost every need about the term “Form”. But if you really want a no compromise solution, here is the Pro solution for you.
<ol>
<li>Digital Signature</li>
<li>Webhooks</li>
<li>Conditional Email</li>
<li>Analytics</li>
<li>Save Incomplete Data</li>
<li>More Coming</li>
</ol>
<h3>Grow with FormGent</h3>
The features list has just begun. We’re continuously developing our product with exciting features. And surely this will not be possible without your support. Feel free to submit your feedback. Let’s grow together and build an awesome form builder with FormGent.
For a clear vision, you can check out our <a href="https://formgent.com/roadmap/" rel="nofollow ugc">roadmap</a> section.
<h3>From Idea to Form — In Just a Few Seconds</h3>
Building forms shouldn’t feel like work. With FormGent, it’s as easy as having a conversation.
<ol>
<li>Tell us what you need — Say something like: “I need a contact form with name, email, and message.”</li>
<li>Let our AI do the heavy lifting — It instantly creates the form for you, with the right fields and settings.</li>
<li>Make it yours — Tweak the design with drag & drop, then publish it anywhere using a shortcode or block, or URL.</li>
</ol>
That’s it. No tech headaches, no starting from scratch. Your form is done in seconds.
<h3>Love FormGent? You’ll Love These Too</h3>
FormGent is proudly developed by wpWax, the team behind several top-rated WordPress plugins:
👉 <a href="https://wordpress.org/plugins/directorist/" rel="ugc">Directorist</a> – Build any directory or classified ads listing sites. It’s the only directory plugin with 20K+ active users in its niche!
👉 <a href="https://wordpress.org/plugins/helpgent/" rel="ugc">HelpGent</a> – Your Ultimate Help Agent for Video, Voice, and Text Messaging with Screen Record Facility
👉 <a href="https://wordpress.org/plugins/legal-pages/" rel="ugc">Legal Pages</a> – Privacy Policy, Terms & Conditions, GDPR, CCPA, and Cookie Notice Generator
👉 <a href="https://wordpress.org/plugins/post-grid-carousel-ultimate/" rel="ugc">Post Grid, Slider & Carousel Ultimate</a> – The easiest and most useful plugin to display blog posts, pages, or custom posts in beautiful post layouts like post grid, post carousel & post slider
👉 <a href="https://wordpress.org/plugins/woo-product-carousel-slider-and-grid-ultimate/" rel="ugc">Product Carousel Slider & Grid Ultimate for WooCommerce</a> – The most intuitive solution to make your eCommerce site visually appealing by creating WooCommerce product carousel, sliders, or grids easily
👉 <a href="https://wordpress.org/plugins/logo-showcase-ultimate/" rel="ugc">Logo Showcase Ultimate</a> – Ultimate logo showcase plugin to create a responsive logo carousel, logo slider & logo grid and display unlimited clients, partners, sponsors’ logos
<h3>Privacy Policy</h3>
FormGent uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.
Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users.
Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.
Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.
<h3>Support & Documentation</h3>
FormGent comes with detailed, <a href="https://formgent.com/docs/how-to-install-and-activate-formgent/" rel="nofollow ugc">step-by-step documentation</a> and helpful video tutorials to guide you. Join our growing <a href="https://www.facebook.com/groups/973281511169713" rel="nofollow ugc">Facebook community</a> where FormGent users share ideas and help each other grow faster. And if you ever need direct help, our friendly support team is just a message away.

FormGent – Next-Gen AI Form Builder for WordPress with Multi-Step, Quizzes, Payments & More

AI-powered form builder that’s built for performance, simplicity, and feels like a part of WordPress, not a separate platform.

Contact Form 7 Multi-Step Forms vs FormGent – Next-Gen AI Form Builder for WordPress with Multi-Step, Quizzes, Payments & More