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

Editor do Wix Harmony: personalizar o background da sua seção

Neste artigo
  • Alterar o background da sua seção
  • Adicionar uma animação ao background da seção
O background de uma seção define o tom da sua página, guiando o foco e moldando como os visitantes se sentem ao percorrer pela página. Crie seções para alinhar o design do seu site e ajuste cada detalhe. Escolha uma cor sólida, uma imagem ou um vídeo da biblioteca e aplique efeitos sutis para dar profundidade.
Uma captura de tela das opções de substituir background do Editor do Wix Harmony
É bom saber:
Economize tempo no design ao escolher entre uma ampla variedade de seções prontas e totalmente responsivas. Ao adicionar uma nova seção, você vê todas as opções disponíveis e escolhe um template que funciona para o que você precisa.

Alterar o background da sua seção

Altere o background da sua seção para mudar a aparência da sua página na hora. Escolha uma cor, imagem ou vídeo para combinar com seu estilo e chamar a atenção.

Para alterar o background da sua seção:

  1. Vá para o seu editor.
  2. Selecione a seção relevante.
  3. Clique em Substituir background
  4. Escolha o tipo de background e personalize-o como preferir:

Adicionar uma animação ao background da seção

Dê vida à sua seção ao adicionar uma animação de rolagem ao background. Conforme os visitantes percorrem pela sua página, a animação cria um efeito dinâmico e envolvente. Experimente opções como parallax, 3D ou zoom e ajuste as configurações para combinar com seu estilo.

Para adicionar uma animação ao background da sua seção:

  1. Vá para o seu editor.
  2. Selecione a seção relevante.
  3. Clique no ícone Animação .
  4. Selecione uma animação.
  5. (Opcional) Clique em Personalizar para ajustar suas configurações de animação:
    • Visualizar na rolagem: clique no ícone Visualizar para ver como sua animação é reproduzida enquanto as pessoas que visitam o site rolam a página.
    • Zoom: arraste o slider para ajustar o quanto você quer aumentar ou diminuir o zoom.
    • Direção: ajuste a direção da animação usando as opções disponíveis (por exemplo: sentido horário ou anti-horário, para dentro ou para fora, etc).
    • Velocidade: arraste o slider para fazer a animação se mover mais rápido ou mais devagar.
    • Dimensionar: arraste o slider para decidir o quanto o background desvanece.
    • Ângulo: defina o ângulo de rotação da animação.
    • Esticar: defina a profundidade e a sensação 3D da animação.
    • Tipo de animação: escolha se sua animação aparece ou desaparece gradualmente.
Observações:
  • As animações disponíveis dependem do tipo de background que você escolhe para a sua seção (como cor, imagem ou vídeo).
  • As configurações de personalização variam com base na animação que você seleciona.