How To Add Steps

The following are the processes involved on how to add multiple steps to a form using the Contact Form 7 Multistep plugin:

Accessing the Form Editor: In your WordPress dashboard, locate and click on ‘Contact’ and then select ‘Contact Forms’ from the submenu. This action will bring you to the list of forms.

Choose Your Form: Choose the form you wish to edit by clicking on it. Once the form editor is open, you will see several tabs such as ‘Form’, ‘Mail’, ‘Messages’, etc.

Form Tab: Located at the top of the form editor, the 'Form' tab is where you configure the content and structure of your form.

1. Step Tab Addition (+ Button): Click on the ‘+’ button to add a new step to the form. This button is found next to the last step tab (e.g., Step 4 in the screenshot).

2. Step Name: After adding a step, you can name it by entering a title in the 'Step Name' field. The example shows 'Step 1' as the name for the first step.

3. Next Button: Below the step tabs, there’s a field labeled ‘Next Button’ where you can specify the label for the next button. For instance, 'Next' is used as a default, but you can customize it based on your form’s requirements.

4. Form Field Configuration: Within the large text area, add or modify the form tags and HTML to build your form. This is where you input fields, labels, and other elements.

Note:

By default, in the last step, the submit button is located on the left side. To make it float to the right, please add a submit button like this:

<p style=”float:right”>
[submit “Submit”]
</p>

Save Changes.