header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

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

Neste artigo
  • Personalizar os formulários do seu site no desktop
  • Fazer o design dos formulários do site em mobile
  • Perguntas frequentes
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 ajuda 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:

  1. Vá para o seu editor.
  2. Clique no formulário relevante na sua página.
  3. Clique em Configurações.
  4. Clique na aba Design.
  5. 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 cor, opacidade, fonte, etc.
      Dica: você pode personalizar como os campos aparecem em diferentes estados: Normal, Interativo 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.
Observação:
A cor dos menus dropdown e campos dropdown do calendário corresponde à cor do campo definida nas configurações de design do seu formulário. A opacidade para esses dropdowns é sempre 100% e não pode ser alterada.

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:

  1. Vá para o editor mobile (Editor Wix) ou o breakpoint para mobile (Editor do Wix Studio).
  2. Clique no formulário relevante. 
  3. Clique em Configurações.
  4. Clique em Design.
  5. 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, Interativo 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.)
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.
Qual é o próximo passo?
Escolha quem é notificado depois que um visitante preenche um formulário. Configure envios de formulários para irem diretamente para a a caixa de entrada do seu email e muito mais. 

Perguntas frequentes

Clique nas perguntas abaixo para saber mais.