Wix Forms: Adding and Setting Up a Form on Your Site

1. Click the field inside the form.

2. Click Field Settings.

3. Edit the settings of the field. Depending on the field you've selected you will see different options.

   

1. Click the Add icon

   

   on the left.

2. Click the type of field you want to add.

1. Click the field you want to delete.

2. Click the Delete icon

   

   .

   

1. Click the field you want to duplicate.

2. Click the Duplicate

   

   icon.

1. Click the relevant field in your form.

2. Click Edit Field.

3. Edit the field using the available options:

   • Click the Field title text box to add a title for the field name.

     Tip: Learn more about adding field titles to your form.

   • Select the relevant option under Show initial text:

     None: No text appears in the field.

     Placeholder text: Add text to the field to help visitors understand what data they should enter (e.g. "Add it here").

1. Click the form.

2. Click Add New Field or click the Plus icon

   

   .

3. Click the Add icon

   

   next to the field you want to add.

1. Click the relevant field in your form.

2. Press Delete on your keyboard.

1. Click Settings.

2. Click any of the tabs to customize the form:

   • Forms: Select an existing form to edit or craft a new one.

   • Layout: Adjust the form's padding and spacing.

   • Design: Customize the form's background, fields, header, paragraphs and buttons.

   • Manage: View and manage all your forms in one place.

1. Click Edit Form to open the form builder.

2. Click Settings.

3. Enter a name in the Form Name field.

1. Click Edit Form to open the form builder.

2. Click Settings.

3. Choose from the following required field style options:

   • Asterisk: Display an asterisk so your visitors know the field is required.

   • Label: Display a label that says "Required".

   • None: Do not display anything letting your users know this field is required.

4. (Optional) Choose whether to display your asterisk before or after the field title.

   

1. Click Edit Form to open the form builder.

2. Click the Submit button.

3. Click Field Settings.

4. Click any of the tabs to customize the submit button and message:

   • Submit button text: Input what you want your button to say.

   • When a visitor submits a form: Choose to show a submission message or redirect to an external URL.

   • Submission message: Share what message you would like your visitors to see after they complete a form submission.

   • Message display time: Choose from always display or a custom display time options.

1. Click Edit Form to open the form builder.

2. Click Settings.

3. Scroll down and click the Spam filter settings drop-down in the Spam filter section.

4. Choose from the following options:

   • Only reCAPTCHA: Uses invisible reCAPTCHA to analyze site visitor behavior and determine if they are human or a bot. If suspected to be a bot, a challenge is shown. This is the lowest level of spam protection.

   • Basic and reCAPTCHA: After passing invisible reCAPTCHA, submissions go through a basic spam filter that labels spam based on criteria like network identifiers and contact information. This is the mid-level spam protection.

   • Advanced and reCAPTCHA: Includes reCAPTCHA and the basic filter, plus an advanced filter using additional technologies to mark spam. This highest level of spam protection is only applied if the other two filters do not mark the submission as spam.

1. Click Edit Form to open the form builder.

2. Click Settings.

3. Scroll down to the Site member details section.

4. Click the Autofill contact info toggle:

   • Enabled: Signed-in site members' contact details appear automatically in the form.

   • Disabled: Signed-in site members must enter their contact details manually.

Note: Contact details are only filled in for signed-in site members. If a visitor is not signed in, their contact details are not filled in automatically.

1. Click Edit Form to open the form builder.

2. Click Rules or Pages on the left to add conditional rules or multiple pages to the form:

   • Rules: Add a conditional rule to the form. Rules improve the way you collect information based on responses. A visitor's response to one field can determine if another field is shown, hidden, required, or optional. For example, add a rule such as, 'If a visitor chooses Option A in Question 1, then Question 2 is hidden. But if they choose Option B, Question 2 is visible.'

   • Pages: Create multiple pages for the form. This keeps questions and information organized.

     Tip: If you have multiple pages, make sure you add a Submit field to each page so visitors can navigate through the pages by clicking 'Next.'

3. Click Save at the top right.

1. Click Edit Form to open the form builder.

2. Click the Layout drop-down and select Mobile.

3. Click and drag the edges of any of the form fields to resize them.

4. Click Save.

Tip:

Click the Layout drop-down and select Reset mobile layout to match the mobile form layout to the desktop layout.

Note: This option is available using the Wix Editor only.

1. Click the Switch to mobile icon

   

   at the top of the editor.

2. Click the form in the editor.

3. Click Settings.

4. Click any of the tabs to customize the form:

   • Layout: Adjust the form's padding and spacing.

   • Design: Customize the form's background, fields, header, paragraphs and buttons.

1. Click Settings

2. Set up your forms using the options:

   • What is the name of this form?: Enter or edit the name of the form.

     Note: This name is not displayed on your site, it is for your information only. You can see it in notification emails and inbox messages. A label with the form's name is also added in to the contact's info in your Contact List.

   • Email Notifications: Choose which email addresses should be notified for new form submissions.

   • Submissions Table: View and manage all your form submissions in a table in your site's dashboard.

   • Form Submission Limit: Limit form submissions by number or time and date.

   • Autofill Form Info: Enable email autofill to allow your site members to fill their details quicker.

     Note: You must have a members area to enable email autofill.

1. Click Submit Message.

2. Choose what happens When visitors submit a form:

   • Show success message: Display a success message.

3. Enter the message you want to show.

4. Set how long the message should show for.

   • Go to site page or lightbox: Direct visitors to another page on your site or a lightbox (popup).

     1. Click the Link icon

        

        .

     2. Select the link destination on the left and enter the link details on the right.

     3. Click Done.

   • Link to external URL: Direct visitors to an external web address.

     1. Click the Link icon

        

        .

     2. Enter the URL on the right.

     3. Click Done.

   • Show link to file download: Allow visitors to download a file after submitting the form. Note: This option requires upgrading your site. You can add doc & .docx, .xls & .xlsx, .ppt & .pptx, .odt, .odp and .pdf. You cannot upload password protected documents.

     

To test a form built with old Wix Forms, follow the steps below:

1. Go to your Forms dashboard.

2. Click Open Form next to the relevant form.

   Note: If you do not see this option it means the form is unpublished. To publish the form, you need to first publish your site.

3. Test the form by selecting different options and inputting information in text boxes.

To test a form built with new Wix Forms, follow the steps below:

1. Select the form in your editor.

2. Click Edit Form.

3. Click the Preview tab at the top of the form builder.

4. Test the form by selecting different options, inputting information in text boxes, and clicking 'Next' to navigate between form pages.

Tip: This article will help you understand the differences between old and new Wix Forms.

You can create 4 forms for free. If you upgrade your site, you can create as many forms as you need.

To view the time zone of your form:

1. Click the form in your editor

2. Click Edit Form to open the form builder.

3. Click Settings.

4. Scroll to Language & regional format.

Currently, it is not possible to add columns to forms built using old Wix Forms.

To add columns to forms built with new Wix Forms, follow the steps below:

1. Click the relevant form.

2. Click Edit form.

3. Click the right edge of a field and drag to resize it.

4. Once the field is the right size, drag another field next to it to make a second column.

Tip: This article will help you understand the differences between old and new Wix Forms.

When someone submits a form, an email automatically gets sent to the site owner notifying them about the submission. This email notification is built using Wix Automations. Once you have set up an automation trigger, you can update the automation as well as change who receives emails from Forms & Submissions in the site's dashboard.

Using old Wix Forms: set up notifications and choose who gets notified.

Using new Wix Forms, follow the steps below:

1. Go to Forms & Submissions in the site's dashboard.

2. Click the More Actions icon

   

   next to a form.

3. Click Form notifications.

   Tip: This opens the Settings tab where you can see your active automations.

4. Click the Edit next to the relevant automation.

5. Click the Action.

   

6. Scroll to the Set Recipients section on the left panel.

7. Click + Add Recipients.

8. Click Collaborator Roles.

9. Select the Collaborator roles you want to receive the form submission notifications.

10. Click Apply.

Tip: This article will help you understand the differences between old and new Wix Forms.

Yes. Hold Shift and click to select multiple fields, then apply your changes to all selected fields at once.

Yes, you can translate your form. For new Wix Forms, use the Translation Manager in your site's dashboard. If you're working with an old Wix Form, you can translate it directly in the editor.

Tip: This article will help you understand the differences between old and new Wix Forms.

Some parts of Wix forms, such as the months in the date field or the error messages, can’t be manually edited. These elements automatically follow your site’s language settings. To update them, change your site’s default language in the Multilingual settings or General Info.