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 pelos seus próprios.
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 novas seções em branco 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 então decidir se deseja fazer 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 uma grade 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, em seguida, mova elementos para as células. Você pode dividir as células quando quiser 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) Personalize a grade de seção como desejar. Adicione células, separe células existentes, adicione espaços entre as células, etc. 
Quer reverter para uma seção sem grade?
Clique com o botão direito do mouse em cada célula e selecione Excluir.

Reordenar seções da página

Ao criar o site do seu cliente, 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 o conteúdo rapidamente, sempre que quiser na tela.

Para reorganizar seções na tela:

  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.
Selecionando uma seção na tela do Editor do Wix Studio e clicando no ícone Mais ações para movê-la para cima ou para baixo
Alterou a ordem das seções em breakpoints menores?
Você pode aplicar novamente a ordem que tem atualmente no desktop. Vá para o painel Camadas , clique no ícone Mais ações ao lado de Página e selecione Usar ordem das seções em todos os breakpoints.

O painel Camadas, selecionando uma página e clicando para aplicar a ordem dos breakpoints do desktop a todos os outros breakpoints

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.
GIF mostrando o painel Elementos no Editor do Wix Studio e os designs disponíveis nas abas Seções e Wireframes
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
Uma captura de tela da barra de ferramentas que é aberta ao selecionar uma seção, com o dropdown de layouts disponíveis
Selecionando uma seção na tela do Editor do Wix Studio e clicando no ícone Mais ações para movê-la para cima ou para baixo
Uma captura de tela de uma seção selecionada no Editor, mostrando como excluí-la