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/3eadcc04-813b-4e69-acf6-5bb047eced92/2024/09/24/9d3bdb2f-5708-4e14-8239-dea43beac24c/fed3ac2c-79b6-49b4-82ab-a7b11f29ff53.png)