Wix Forms: Designing Your Site Forms
4 min read
Design your form to add a splash of individuality to your visitors' experience. Customize the background color, change button text or adjust shadows and borders to bring the form to life.
Note:
Designing your form is currently only available for site forms. For standalone forms, you can manage form fields but not update their design.
![Screenshot of get in touch form with customized lilac fields.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/11/20/135637ae-f44b-4a54-ac1b-d1cfd9994c83/d1ca164d-c014-4411-a81c-4b682da5a3d4.png)
How do I know if I'm using old Wix Forms or new Wix Forms?
This article will help you understand the differences between old and new Wix Forms.
To design your site forms:
New Forms
Old Forms
- Click the relevant form on your page.
- Click Settings.
- Click the Design tab.
- 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: Select a form field style and customize the opacity, font, font size, etc.
Tip: You can design how fields appear in different states: Regular, Hover, and Error. - Header and Paragraph: Choose a font and color for the form text.
- Buttons: Design the form buttons including how they appear on hover (e.g. submit button, back button, etc.)
![A screenshot of the Design tab of a form with button color options selected.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2023/07/21/15c1c5be-338a-42da-8d06-2153bdbf899e/a92f7f99-3008-4ad9-b993-eadfdff7282c.jpg)
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.
![A screenshot of the settings panel of the previous version of Wix Forms with the paintbrush icon selected.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2023/07/24/0e20872f-a186-4835-b1e9-c78586316911/affd79ba-9358-4af6-89aa-84ca3ac72c53.jpg)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2023/07/24/66068315-e8c1-464f-bfa2-1f6137ceb9b2/92a53fb0-1a61-48ba-aeb4-6e2ee3d4affe.jpg)
![A screenshot of the settings panel of the previous version of Wix Forms with the paintbrush icon selected.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2023/07/24/0e20872f-a186-4835-b1e9-c78586316911/affd79ba-9358-4af6-89aa-84ca3ac72c53.jpg)
Did this help?
|