header-logo
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.
placeholder-preview-image
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.
placeholder-preview-image

Editor do Wix Studio: adicionar e gerenciar seções

6 min
Neste artigo
  • Adicionar wireframes e seções predefinidas
  • Adicionar uma seção em branco
  • Usar células para organizar uma seção
  • Reordenar seções da página
  • Excluir uma seção
  • Perguntas frequentes
As seções são os blocos de construção de cada página. Use-as para manter o conteúdo relacionado junto e fazer com que a página fique organizada, profissional e estruturada.
Adicione quantas seções quiser a cada página. Você pode escolher entre seções em branco, wireframes ou seções predefinidas que são totalmente personalizáveis. As seções ocupam a largura do navegador e você pode definir a altura como desejar.
Crie seções master:
Faça com que a mesma seção apareça em várias páginas ao defini-la como master.

Adicionar wireframes e seções predefinidas

Temos várias seções prontas e totalmente responsivas para acelerar seu processo de criação. Basta escolher uma que você gostar e personalizar de acordo com o estilo do seu cliente. Se você precisar de ajuda principalmente com o layout, mas não tanto com o design, selecione um de nossos wireframes em branco.

Para adicionar um wireframe ou seção predefinida:

  1. Clique em Elementos no lado esquerdo do editor.
  2. Clique em Seções/Wireframes.
  3. Clique em uma categoria para ver os designs disponíveis. 
  4. Arraste uma seção para a página. 
  5. Personalize a seção como desejar:
    • Clique nos elementos para personalizar seu conteúdo.
    • Altere o background.
    • Substitua imagens e texto pelo seu próprio material.
GIF mostrando o painel Elementos no Editor do Wix Studio e os designs disponíveis nas abas Seções e Wireframes

Adicionar uma seção em branco

Você pode adicionar rapidamente seções em branco à sua página enquanto trabalha na tela. Passe o mouse sobre a parte superior ou inferior de qualquer seção e clique em + Adicionar seção. Você pode decidir se deseja criar o design do zero, aplicar um layout de grade ou usar um design pronto.

Para adicionar uma seção em branco:

  1. Vá para a página relevante.
  2. Passe o mouse sobre a parte superior ou inferior da seção relevante e clique em + Adicionar seção.
  3. Escolha como você gostaria de começar a criar o seu design:
    • Seção personalizada: escolha uma seção predefinida e personalize-a conforme for exigido pelo seu cliente.
    • Layout de grade: escolha um layout com várias células para organizar seu conteúdo.
    • Adicionar um elemento: comece adicionando elementos à seção em branco. 
Uma captura de tela de uma nova seção em branco, mostrando os layouts de célula da grade que você pode clicar e aplicar
Salve seu design para uso futuro:
Selecione a seção no editor e clique no ícone Mais ações . Em seguida, clique em Salvar como recurso. Isso salva seu design e o disponibiliza no painel Elementos (aba Recursos).

Usar células para organizar uma seção

Adicione células a uma seção para criar um layout responsivo e estruturado. Manter os elementos em células separadas garante que eles permaneçam no lugar em todas as telas. Escolha um layout e mova os elementos para as células. Você pode dividir as células ou adicionar novas depois. 

Para aplicar uma grade em uma seção:

  1. Selecione a seção relevante no editor.
  2. Clique no dropdown Em branco na parte superior da seção. 
Uma captura de tela da barra de ferramentas que é aberta ao selecionar uma seção, com o dropdown de layouts disponíveis
  1. Escolha um layout: Linhas, Colunas, Colagem, etc.
    Dica: você pode alterar o layout no menu dropdown a qualquer momento, isso não move seus elementos.
  2. Arraste os elementos para as células relevantes.
  3. (Opcional) Adicione mais células à seção ou separe as células existentes:
Quer reverter para uma seção em branco?
Clique com o botão direito do mouse em cada célula e selecione Excluir.

Reordenar seções da página

Ao criar um site, você pode decidir que a estrutura e a organização do conteúdo devem ser um pouco diferentes. É aqui que as seções são úteis. Você pode mover seu conteúdo rapidamente, quando quiser.

Para reordenar as seções da página:

  1. Selecione a seção relevante no editor.
  2. Clique no ícone Mais ações na seção.
  3. Clique em Mover para cima ou Mover para baixo.

    A screenshot of a section, showing how to move it up or down on the canvas

Excluir uma seção

Você pode excluir uma seção a qualquer momento. Isso exclui a seção da página em todos os breakpoints. 
Observação:
Não é possível excluir seções que contenham aplicativos como Wix Stores, Wix Events, Blog etc.

Para excluir uma seção:

  1. Selecione a seção relevante no editor.
  2. Clique no ícone Mais ações  na seção.
  3. Clique em Excluir.
Quer ocultar a seção?
Clique para Ocultar a seção do breakpoint em que você estiver. Você pode encontrar a seção oculta no painel Camadas, onde você também pode mostrá-lo novamente. 
Uma captura de tela de uma seção selecionada no Editor, mostrando como excluí-la

Perguntas frequentes

Clique nas perguntas abaixo para saber mais.