Formulários Wix: personalizar os formulários do site | Central de Ajuda

Confira como usar o Wix para construir seu site e negócio.

Personalize e gerencie seu site com os recursos do Wix.

Gerencie assinaturas, planos e faturas.

Administre seu negócio e conecte-se com os membros.

Compre, conecte ou transfira um domínio para o seu site.

Expanda seu negócio e presença online.

Aumente sua visibilidade com recursos de SEO e marketing.

Acesse recursos avançados e otimize sua produtividade.

Encontre soluções, problemas conhecidos ou contate-nos.

Domine novas habilidades com nossos cursos e tutoriais.

Confira nossas dicas de web design, marketing e mais.

Aumente o tráfego orgânico vindo dos motores de busca.

Desenvolva um site único com a nossa plataforma full-stack.

Alcance seus objetivos com a ajuda de um especialista.

Início

Gerencie o seu negócio

Gerencie seus clientes

Formulários Wix

Formulários Wix: personalizar os formulários do site

5 min

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.

Captura de tela do formulário de contato com campos lilás personalizados.

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.

Personalizar os formulários do seu site no desktop

Defina a aparência do seu formulário no desktop com opções avançadas de estilo.

Para fazer o design dos formulários do seu site no desktop:

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.

Fazer o design dos formulários do site em mobile

Personalize seus formulários para telas mobile para garantir que eles tenham uma boa aparência e funcionem perfeitamente.

Para personalizar o design dos formulários do seu site no mobile:

Novos formulários

Formulários antigos

Vá para o editor mobile (Editor Wix) ou o breakpoint para mobile (Editor do Wix Studio).
Clique no formulário relevante.
Clique em Configurações.
Clique em 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: personalize o design dos botões do formulário, incluindo como eles aparecem ao passar o mouse (por exemplo: botão Enviar, botão Voltar, etc).

Captura de tela das configurações de design mobile para o formulário Wix.

Dica:

Você pode editar a posição do campo para dispositivos móveis usando o criador de formulários.

Dica:

Você pode criar um formulário de múltiplas etapas para dividir seu formulário em seções gerenciáveis para seus visitantes.

Esse artigo foi útil?

Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.

Começar