Webheadcoder Multi-Step Forms for Contact Form 7

First released in 2013, Webheadcoder Multi-Step Forms for Contact Form 7 adds multi-step flows to forms by placing each step on a separate page, preserving submitted data between steps, and sending the completed email only from the designated step configured to send it.

See it in action at https://webheadcoder.com/contact-form-7-multi-step-forms/

Requires Contact Form 7 (5.2 or above) by Rock Lobster Inc. (Takayuki Miyoshi).

Usage

Create one page or post for each step in your multi-step form process. If you have three steps, create three pages or posts. You will need their URLs when creating your forms.

Create a Contact Form 7 form.

Place your cursor at the end of the form.

On the “Form” tab of the Contact Form 7 form, click on the button named “multistep”.

In the window that opens, select “First Step” if this is the first step of your multi-step form. If this is the last step, select “Last Step.” All other checkboxes are optional.

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.

Click “Insert Tag.”

Save your completed form and place the form’s shortcode into the appropriate page or post you created in step 1.

Repeat for each form in your multi-step form process.

On the last step, you may want to send an email. Select “Send Email” in step 5. On the Mail tab, enter mail-tags as you normally would. For example, if your first form has the field your-email, you can include [your-email] in the Mail tab on your last form. Contact Form 7 may flag this because your-email is not displayed on the current form; you can safely ignore that warning.