WordPress.org

Plugin Directory

Contact Form 7 Multi-Step Forms

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

The Next button doesn't show up

Like all Contact Form 7 forms, you still need to add a button to submit the form. Use the normal submit button with any label you want like so [submit "Next"].

The multistep form tag is a hidden field and tries not to add any spacing to your form. In this effort, anything directly after this tag may be hidden. To prevent this, add a carriage return after the multistep form tag, or just follow the directions and place the form tag at the end of the form.

I keep getting the "Please fill out the form on the previous page" message. What's wrong?

If you have everything set up correctly and you get a message saying, "Please fill out the form on the previous page" after submitting the first form, then it's probably your caching system not allowing cookies to be set in the normal way. No workarounds or fixes are planned at this time. You will need to turn off caching for the affected pages.

How can I show a summary of what the user entered or show fields from previous steps?

[multiform "your-name"]

The multiform form-tag can be used to display a field from a previous step. Replace your-name with the name of your field.

My form values aren't being sent in the email. I get [multiform "your-name"] instead of the actual person's name.

The multiform form-tag should only be used on the Form tab. On the Mail tab follow the instructions from the Contact Fom 7 documentation. So if you wanted to show the your-name field, type [your-name].

Can I have an email sent on the first step of the multi-step forms?

Yes, you can, but it requires you to add code to your theme's functions.php file. See this forum post for more details: https://wordpress.org/support/topic/send-auto-responder-on-step-one-of-multi-step-1?replies=6

My forms are not working as expected. What's wrong?

  • Make sure you have the multi-step tag on each and every form.

  • It is very common for other plugins to have javascript errors which can prevent this plugin from running properly. Deactivate all other plugins and try again.

Previous button leads to 'undefined'

This is caused by a multistep form tag not having the correct step. For example your form for step 2 of 3 may have [multistep "1-3-http://a.com/step-3"], but instead it should be [multistep "2-3-http://a.com/step-3"].

Why "place your cursor at the end of the form" before inserting the multistep tag?

The multistep form tag is a hidden field and tries not to add any spacing to your form. In this effort, anything directly after this tag may be hidden. To prevent this, add a carriage return after the multistep form tag, or just follow the directions and place the form tag at the end of the form.

Requires: 3.4.1 or higher
Compatible up to: 4.5.3
Last Updated: 2 months ago
Active Installs: 9,000+

Ratings

4.4 out of 5 stars

Support

2 of 18 support threads in the last two months have been marked resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,1,1
100,2,2
0,1,0
100,1,1
100,1,1
100,1,1
100,1,1 100,1,1
100,3,3
0,1,0
100,1,1
50,2,1
100,2,2
100,1,1 75,4,3