Webheadcoder Multi-Step Forms for Contact Form 7 Pro connects a longer form journey across separate WordPress pages or posts. Visitors submit each stage before moving to the next, and values from earlier forms can be used in later steps. You can choose which step sends an email.

Separate pages and URLs connect each step

Create one page or post for each stage, then create a Contact Form 7 form for each page. The add-on does not load multiple steps on a single page. Keep the step URLs on the same domain and use the same protocol.

1. Create the pages or posts and note their URLs.
2. Create a Contact Form 7 form for each stage. On the Form tab, place the cursor at the end of the form and choose the multistep button.
3. Mark the starting form as First Step and the final form as Last Step. Enter the next page URL for each step that continues the journey; leave it blank on the last step.
4. Insert the generated tag, save the form, and place its shortcode on the corresponding page or post. Repeat for each step. Add a standard Contact Form 7 submit button to every form.
5. If the completed submission should send an email, enable Send Email on the chosen step and configure its Mail tab. Standard Contact Form 7 mail-tags, such as [your-email], can use values collected earlier.

Tag settings control submission behavior

The multistep tag options determine how each form handles the journey. First Step marks the starting form and lets it show when no previous step data exists, which can accommodate visitors who skip an earlier stage. Last Step marks the final form and clears the stored data from the user’s browser after submission. Send Email sends an email like a normal Contact Form 7 submission. Skip Save prevents the submission from being saved by Flamingo or CFDB7 when either is used.

Session Storage carries more data between forms

Pro uses Session Storage for multi-step form data and can handle about 5 MB in total. The free version handles about 4 KB, so the Pro capacity is roughly 1,000 times larger. This can fit forms that collect substantially more information across their steps.

Use the [multiform "field-name"] form-tag to display a value from an earlier step on a later form. It belongs on the Form tab and does not work in the Mail tab. For a button that returns visitors to an earlier stage, use [previous "Go Back"] and replace the button text as needed.

Conditional skipping depends on the companion add-on

Pro can skip steps with the Contact Form 7 - Conditional Fields plugin. The path through the form can then vary according to the conditions configured for that form.

Requirements and file upload limits

The Pro version requires the WordPress REST API and Contact Form 7 AJAX Submission to be enabled, and it works with Contact Form 7 5.2 or above. File uploads are not supported on every form, so place any file-upload field on the last step.