header-logo
Primeiros passosConfira como usar o Wix para construir seu site e negócio.
Crie o seu sitePersonalize e gerencie seu site com os recursos do Wix.
Conta e faturamentoGerencie assinaturas, planos e faturas.
Use os apps mobile do WixAdministre seu negócio e conecte-se com os membros.
Conecte um domínioCompre, conecte ou transfira um domínio para o seu site.
Gerencie o seu negócioExpanda seu negócio e presença online.
Promova o seu siteAumente sua visibilidade com recursos de SEO e marketing.
Wix Studio, Parceiros e empresasAcesse recursos avançados e otimize sua produtividade.
AjudaEncontre soluções, problemas conhecidos ou contate-nos.
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: adicionar e personalizar seções

9 min
Neste artigo
  • Adicionar uma nova seção à sua página
  • Alterar o layout da seção
  • Editar o nome e o link da seção
  • Personalize o design da seção
As seções ajudam você a organizar e apresentar conteúdo em todo o seu site. Cada seção é esticada para a largura total da página, o que permite que você organize e personalize elementos de maneira simples, enquanto se adapta automaticamente a qualquer tamanho de tela. Você pode adicionar quantas seções quiser e, em seguida, editá-las ou movê-las pela página com facilidade.

Adicionar uma nova seção à sua página

Adicione seções para organizar o conteúdo das suas páginas. Você pode começar com nossa ampla variedade de seções personalizadas para simplificar o processo ou começar do zero com uma seção em branco. Você também pode gerar novas seções com IA, descrevendo exatamente o que você precisa.

Para adicionar uma nova seção ao seu site:

  1. Vá para o seu editor.
  2. Passe o mouse sobre + Elementos no canto superior esquerdo e selecione Seções.
The Add Sections option in the Wix Harmony Editor
  1. Escolha como você deseja iniciar sua nova seção:
    • Gerar com IA: Obtenha uma seção desenvolvida especificamente para suas necessidades utilizando IA.
    • Seção personalizada: selecione entre uma ampla variedade de designs de seção prontos. Use o menu no lado esquerdo para navegar entre as categorias (por exemplo: Boas-vindas, Sobre, Produtos)
    • Seção em branco: comece com uma seção vazia e personalize-a do zero.
The Add Section panel in Wix Harmony, showing the Services tab alongside the option to create a blank section or use AI
Dicas:
  • Você também pode adicionar uma nova seção diretamente da página. Passe o mouse sobre o começo ou o final de uma seção e clique em + Adicionar seção.
  • Para mover uma seção, selecione-a e clique em uma das setas à esquerda para movê-la para cima ou para baixo .


Alterar o layout da seção

As seções têm uma grade pronta que começa com uma única célula que ocupa a seção inteira. Divida a grade em mais células para organizar o conteúdo. Escolha entre diferentes layouts ou ajuste a grade do seu jeito, dividindo ou mesclando células, adicionando novas e arrastando as linhas da grade para redimensionar. Você também pode adicionar espaços entre as células para deixar tudo mais equilibrado e com visual mais harmonioso.

Para alterar o layout de uma seção:

  1. Vá para o seu editor.
  2. Clique na seção relevante.
  3. Clique em Alterar layout na barra de ação.
  4. Escolha o layout de grade que você deseja entre as opções disponíveis.
  5. Personalize a grade como você preferir:
Uma captura de tela da edição de uma seção no Editor do Wix Harmony

Links de seção personalizados são úteis para compartilhar em e-mails, redes sociais ou criar links para diferentes partes do seu site. Edite o nome e o link da seção para identificar claramente cada parte da sua página e facilitar ainda mais o compartilhamento. Quando você renomeia uma seção, o link é atualizado automaticamente para corresponder ao novo nome. Você também pode optar por personalizar apenas o link, sem alterar o nome da seção.
É bom saber:
Você altera apenas a parte final do link que vem depois do endereço principal do seu site.

Para editar o nome e o link da seção:

  1. Vá para o seu editor.
  2. Selecione a seção relevante.
  3. Passe o mouse sobre a etiqueta azul da seção.
  4. Clique no ícone Editar nome da seção .
  5. Escolha o que você deseja fazer em seguida:
    • Editar nome da seção: digite um novo nome no campo.
    • Editar link da seção: clique em Link da seção e digite o final de sua preferência para o URL da seção (até 60 caracteres). Clique em Copiar link para compartilhar ou clique em Abrir link para visualizá-lo.
Uma captura de tela da edição do nome de uma seção no Editor do Wix Harmony

Personalize o design da seção

Faça seu site se destacar ao personalizar o design de cada seção. Você pode adicionar separadores para divisão, bordas para dar ênfase, efeitos de animação para capturar a atenção e backgrounds exclusivos que combinam com a sua marca.

Para personalizar o design da seção:

  1. Vá para o seu editor.
  2. Selecione a seção relevante.
  3. Escolha o que você deseja personalizar na barra de ação:
    • Substituir background: clique em Substituir background para alterar o background da sua seção selecionando uma cor, uma imagem ou um vídeo.
    • Opacidade: clique no ícone Opacidade para ajustar a opacidade do background, da imagem e das cores da seção, dependendo do que sua seção contém.
    • Bordas: clique no ícone Bordas para adicionar ou ajustar bordas ao redor da sua seção. Altere a cor, a largura e o estilo da borda.
    • Separador de seção: clique no ícone Separador de seção para adicionar ou editar uma linha para separar visualmente sua seção do restante da página.
    • Animações: clique no ícone Animação e selecione uma animação de rolagem de background para que sua seção pareça mais dinâmica e atraente.
      Observação: as animações disponíveis variam de acordo com o background da seção (cor, imagem ou vídeo).
Uma captura de tela da edição do design da seção no Editor do Wix Harmony