Formulários Wix: personalizar os formulários do site
4 min de leitura
Faça o design do seu formulário para adicionar um toque de individualidade à experiência dos seus visitantes. Personalize a cor do background, altere o texto do botão ou ajuste as sombras e bordas para dar vida ao formulário.
Observação:
O design do seu formulário só está disponível para formulários do site. Para formulários externos, você pode gerenciar os campos de formulário mas não atualiza seu design.
![Captura de tela do formulário de contato com campos lilás personalizados.](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)
Como sei se estou usando o Formulários Wix antigo ou o novo Formulários Wix?
Este artigo vai ajudar você a entender as diferenças entre o Formulários Wix antigo e o novo.
Para personalizar os formulários do seu site:
Novos formulários
Formulários antigos
- Clique no formulário relevante na sua página.
- Clique em Configurações.
- Clique na aba Design.
- Personalize o design do formulário usando as opções disponíveis:
- Background do formulário: escolha a cor do background do formulário, assim como a cor e a largura da borda.
- Campos do formulário: selecione um estilo de campo do formulário e personalize a opacidade, a fonte, o tamanho da fonte, etc.
Dica: você pode personalizar como os campos aparecem em diferentes estados: Normal, Ao passar o mouse e Erro. - Cabeçalho e parágrafo: escolha uma fonte e cor para o texto do formulário.
- Botões: faça o design dos botões do formulário, incluindo como eles aparecem ao passar o mouse (por exemplo: botão de envio, botão "Voltar", etc.)
![Uma captura de tela da aba Design de um formulário com as opções de cor do botão selecionadas.](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)