Wix Forms: Adding and Setting Up a Multi-Step Form
Multi-step forms allow you to organize all the information or questions in a site form into manageable steps that site visitors fill out. These forms are useful for job applications, registration for events, and for collecting information from leads.
Step 1 | Add a form to your site
To get started, add a form to the relevant page.
New Forms
Click Add Elements
on the left side of the editor.
Click Contact & Forms.
Click Create New Form and drag the form element onto the page.
Tip: You can also select a form from the pre-installed templates including Contact, Subscribe and Order forms.
Click the form in the editor and click Edit Form to open the form builder.
Old Forms
Click Add Elements
on the left side of the Editor.
Click Contact & Forms.
Drag a multi-step form template onto your page.
Tip:
You can find multi-step forms in the Contact, Registration, Feedback and Application forms sections. To check if a specific template is multi-step, hover over it. If the image changes to display two different sections of the form, it is a multi-step form.
Step 2 | Customize the steps of your form
Customize each step of your form with the fields you require.
New Forms
Click the form in your editor.
Click Edit Form.
Click Pages
on the left.
Click Add Page.
Select the new page.
Click Add
on the left.
Drag the relevant fields onto your new page. The types of fields include:
Contact fields: Add fields that collect and store personal data in your Contact List.
General fields: Add elements like multi choice, checkboxes, drop-downs, and answer boxes.
Date fields: Add time and date fields for appointment scheduling or time sensitive enquiries.
Layout elements: Add a header or text element to organize the form or further explain a field.
Tip:
To rename, reorder, delete or add additional pages to your form, select the relevant page and click Manage pages.
Old Forms
Click the form in your editor.
Click Manage Steps above the form.
Select the relevant step.
Choose what you want to customize:
Tip:
You can also click the drop-down at the top of the form to switch between the form steps.
Reorder the step
Drag a step up or down in the Manage Steps panel to reorder it.
Rename the step
Rename a step so it is easier for you to identify in the submissions table..
Note: Site visitors do not see this step name. To customize what site visitors see, click the text inside the form and then Edit text.
Click the More Actions icon
.
Click Rename.
Enter a new step name and click Done.
Duplicate the step
Click the More Actions icon
.
Click Duplicate. The new step appears beneath the original step.
Delete the step
Click the More Actions icon
.
Click Delete.
Click Delete to confirm.
Add a new form field
Add a new form field to the step. The field is only added to the step you've currently selected.
Click Add New Field at the bottom of the Manage Steps panel.
Choose a form field and click the Add icon
to add it to the step.
Learn more about the different types of form fields.
6. (Optional) Click Add New Step to add a new step to the form and then customize it.
Note:
To add more steps to your form, upgrade your site.
Step 3 | (Optional) Update your form settings
Update the settings of your multi-step form so it looks and behaves just as you want.
New Forms
Click the form in your editor.
Click Settings.
Update your form settings using the following options:
Forms: Select an existing form to edit or craft a new one.
Layout: Adjust the forms padding and spacing.
Design: Customize the forms background, fields, header and paragraphs and buttons.
Manage: View and manage all your forms in one place. From here, you can also choose who gets notified when visitors submit the form.
Can't see the setting you're looking for?
For additional settings, select the relevant form and click Edit Form. Each form field you select has its own unique setting options.
Old Forms
Click the form in your editor.
Click Form Settings.
Click the Settings tab.
Update your form settings using the following options:
Email notifications: Choose how you get notified about the form.
Submissions table: View the submissions for this form from your site's dashboard.
Form submission limit: Set a limit or deadline for your form.
Autofill form info: Click the Enable Email Autofill toggle to automatically fill in member emails.
Subscriber double opt in: Enable double-opt in for your subscribers.