Studio Editor: Adding and Customizing a Form

Build unique forms with customizable layouts and styles for client sites. When you create a form, a form builder opens directly inside the Studio Editor. Add fields that fit all types of questions like multi choice, checkboxes, and drop-downs. You can also use new layout options to create columns, titles and sections for the form.

Once you're done building the form, it's available inside the Studio Editor to add to any page of the site you choose, along with pre-installed form templates.

Important:

Starting August 1, 2025, the old Wix Forms app will no longer be available in the Add Elements panel of the Studio Editor.

Creating a form

Create a form directly inside the Studio Editor using a drag and drop form builder. Building a form inside the editor allows you to continue creating the form and site together without navigating away or losing your place.

Note:

Most of the available forms in the Studio Editor are the new Wix Forms. However, if you prefer using the old Wix Forms, you can add the Order or Donate form presets.

To create a form:

1. Click Add Elements

   

   on the left side of the editor.

2. Click Contact & Forms.

3. Click Create New Form and drag the form element onto the page. You can also select a form from the pre-installed templates including Contact, Subscribe and Order forms.

4. Click the form in the Editor and click Edit Form to open the form builder.

Note about Order forms:

Order forms were built using the previous version of Wix Forms, so the options to customize form fields are different. If you are creating an order form, follow these instructions about how to customize form fields.

1. In the form builder, click the Edit icon

   

   at the top left to name the form. This form name is only visible internally to help you identify it.

2. Choose fields for the form under Add form fields. The types of fields include:

   • Contact fields: Add fields that collect and store personal data in Wix Contacts.

   • 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.

Note:

The new Wix Forms do not have a CAPTCHA field as all forms are already integrated with spam filters. Learn more about spam filters in the FAQ section of this article.

1. (Optional) Click a field to customize it further, including:

   • Updating the field settings.

   • Making it a required field.

   • Deleting a field.

   • Resizing the field to make a form with multiple columns. Learn how to add columns in the FAQ section of this article.

1. (Optional) Click Rules or Pages at 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.'

2. Click Save at the top right.

Important:

Make sure you add a Submit field to the bottom of the form. If you don't have a submit button, visitors have no way to send the form.

Customizing the form design

Once you've created a form and added the relevant fields and sections, customize how the form appears on the page including the background color, button style, and font.

To customize the form design:

1. Click the relevant form in the editor.

2. Click Settings.

3. Click the Design tab.

4. Customize the form design using the available options:

   • Form Background: Choose the form background color as well as the border color and width.

   • Form Fields: Choose a color and style for your form fields as well as how they appear in Regular, Hover and Error states.

   • Header and Paragraph: Choose a font and color for the form text.

   • Buttons: Design the form buttons including how they appear on hover.

   • Submit Button: Design the submit button style and color.

Note:

If you are customizing a form built with the previous version of Wix Forms (e.g. an Order form) click the Design icon

in the settings panel above the form to customize it.

Adding an existing form to a site

All forms created in the Studio Editor are saved in the site's dashboard along with that form's submission data. When you want to add a new form to a site, you can choose from all the existing forms as well as the pre-built form templates.

To add an existing form to a site:

1. Click Add Elements

   

   on the left side of the editor.

2. Click Contact & Forms.

3. Click Add Existing Form.

4. Click the new Form element in the Editor.

5. Click Settings.

1. Click the Forms tab.

2. Choose a form to display from all the forms created on the site. If there are many forms, use the search bar to locate the right one.

3. (Optional) Click the Layout and Design tabs to further customize the form.

Tip:

You can switch out one form for another at any time. Click Settings above a form and then choose another form in the Forms tab. The new form automatically replaces the previous one without breaking the layout or design of the page.

Viewing form submissions

From the site's dashboard you can access the most detailed submission data for each form on the site. If you want to quickly glance at data for a specific form, you can also view responses by clicking the Submissions tab inside the form builder.

To view form submissions:

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

2. In the Forms tab, you can see all the forms you've created as well as the number of submissions each form has. To view more details:

   1. Click the More Actions icon

      

      next to a form.

   2. Click View submissions.

Tip:

All form submissions appear in a table. Information is separated into columns depending on what fields you've added. You can also see the exact submission time.

FAQs

Click a question below to learn more about adding forms in the Studio Editor.

What's the difference between new Wix Forms and the old Forms?

The new Wix Forms allow you to create your very own form, with the fields, rules and number of pages you want. The new forms also let you add the same form to multiple site pages – all submissions will be connected to the same submission table.

Can I accept payments with new Wix Forms?

Yes, you can accept payments through site forms you create with the new Wix Forms.

Do I have to pay to use the new Wix Forms?

The new Wix Forms are free to use. If you want to create more than 4 forms, upgrade your client's site. Some form fields (e.g. the upload file field) are also premium features.

Why do the edit and settings options above my form look different?

Most forms in Wix Studio are built using the newest version of Wix Forms. Some types of forms, however, including order forms, are built using a previous version. If you see 'Form Settings' and 'Add New Field' in the settings menu instead of 'Edit form' and 'Settings,' it means the form was built on the previous version. You can have both versions of a form on a site, the design and customization options are located in a different place.

How do I add columns to my form?

1. Click the form in the editor.

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.

How do I test a form?

You can fill out and test a form from the Preview tab in the form builder.

1. Select the form in the Studio Editor.

2. Click Edit Form.

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

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

How do I set email notifications for a form?

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. You can update the automation as well as change who receives emails from Forms & Submissions in the site's dashboard.

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

2. Click the More Actions icon

   

   next to a form.

3. Click Set notifications.

4. Wix Automations opens the active email automation for that form. To update who receives an email about the form submission, click the More Actions icon

   

   next to the relevant automation. (The automation should have 'Form submitted > Get an email' as the trigger and action).

5. Click Edit.

   

6. Scroll down to the automation action and click the Action drop-down (the action should be 'Get an email').

7. Under Send email to: select Custom emails.

8. Enter the emails you want to receive the form submission notifications.

   Note: If you still want the site owner to receive the notifications, add the site owner's email address to the list.

   

9. Click Save.

Why can't I add a CAPTCHA field to my form?

The new Wix Forms are automatically integrated with spam filters. These filters automatically filter out submissions from blacklisted IPs and email addresses.

New Wix Forms also integrate with a site viewer CAPTCHA (or invisible CAPTCHA). These CAPTCHAs are not visible in the form, but analyze a site visitor's behavior. If activity is considered suspicious (e.g. potential bot activity) a CAPTCHA challenge appears in the form submission.

Can I translate my forms?

If you have installed Wix Multilingual on your site, you can translate your forms from the Translation Manager.

1. Go to Multilingual in your site's dashboard.

2. Hover over the relevant language and click Edit Translations.

3. Click Forms on the left to see the forms available for translation.

4. Edit your form's translation manually or click Auto-translate.Learn more about translating your app content.

   

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!