Trabalhar com secções e layout

✋  Objetivo do artigo
Neste artigo, vai aprender a gerir o layout do seu site no Builder — como adicionar, duplicar, mover ou apagar secções, e como utilizar os presets da Weasy, que lhe permitem aplicar modelos de secções pré-desenhados para agilizar a construção do site.

1️⃣  O que são secções

As secções são os blocos principais que compõem a estrutura de cada página.
Cada secção pode conter uma ou mais linhas, colunas e módulos, e define a organização visual da página.

Pode:

• • Criar novas secções em branco;

  • Adicionar secções predefinidas (presets);

  • Reorganizar, duplicar ou eliminar secções existentes.

☞  Dica: pense em cada secção como um “bloco” independente — ideal para agrupar conteúdos com a mesma função, como “Sobre Nós”, “Serviços” ou “Testemunhos”.

2️⃣  Adicionar uma nova secção

No Builder, as secções são adicionadas através do botão azul “Adicionar secção”, visível entre as áreas da página.

Como adicionar

• • Clique em Adicionar secção.

  • Abre-se o painel Adicionar, dividido por categorias:

    • Introdução

    • Cabeçalhos

    • Destaques

    • Testemunhos

    • Equipa

    • Contactos, Social, Negócio, Avançado, entre outras.

  • Clique sobre o modelo que pretende utilizar — a secção será adicionada automaticamente à página.

  • Pode também clicar em Secção em branco para criar uma nova estrutura do zero.

☞  Dica: pode guardar qualquer secção personalizada para reutilizar mais tarde através da opção Criar preset (no menu da secção).

⚠️  Nota: o menu de contexto da secção permite editar, duplicar, copiar, colar ou eliminar, mas não adicionar novas secções.

3️⃣  Usar os presets da Weasy

Os presets são secções pré-desenhadas criadas pela equipa da Weasy, prontas a adicionar ao seu site com um só clique. Incluem combinações de texto, imagens e botões em layouts equilibrados e responsivos.

Como adicionar um preset:

• • Clique em Adicionar secção.

  • Escolha a categoria (ex.: Introdução, Equipa, Testemunhos).

  • Clique sobre o modelo desejado — será adicionado automaticamente à página.

Depois de inserido, pode personalizar o preset:

• • Alterar textos e imagens;

  • Ajustar cores, margens e espaçamento;

  • Substituir ou remover módulos dentro da secção.

⚠️  Vantagem: os presets permitem construir páginas visualmente consistentes e reduzem o tempo de edição.

4️⃣  Duplicar uma secção

Para poupar tempo, pode duplicar qualquer secção existente:

• • Clique nos três pontos azuis da secção.

  • Escolha a opção Duplicar.

  • A nova secção será adicionada logo abaixo, com todo o conteúdo igual.

Depois, pode editar a cópia sem afetar a versão original.

5️⃣  Mover secções

Pode alterar a ordem das secções dentro da página:

• • Clique nos três pontos azuis da secção que quer mover.

  • Utilize as setas de movimento (para cima ou para baixo) para reposicioná-la.

⚠️  Nota: o movimento das secções é feito por cliques — não é possível arrastar secções com o rato.

6️⃣  Eliminar secções

Para remover uma secção:

• • Clique nos três pontos azuis da secção.

  • Selecione Apagar.

  • Confirme a ação — a secção será eliminada permanentemente.

☞  Dica: grave as alterações com frequência para evitar eliminar conteúdo por engano.

7️⃣  Reutilizar secções entre páginas

Pode reutilizar secções de uma página noutra de duas formas:

• • Copiar e colar diretamente entre páginas;

  • Ou guardar a secção em As minhas secções, para a adicionar mais tarde.

☞  Dica: guardar uma secção em As minhas secções permite reutilizá-la em várias páginas com consistência visual — explicaremos esta funcionalidade num artigo próprio.

8️⃣ Ajustar o layout de uma secção

Cada secção pode ser totalmente personalizada através do menu de contexto e do painel lateral direito.

Menu da Secção
Ao clicar nos três pontos azuis à esquerda da secção, abre-se o menu de opções:

• • Editar - Abre o painel lateral para editar o conteúdo e o estilo da secção.

  • Adicionar linha - Cria uma nova linha dentro da secção.

  • Copiar / Colar - Permite duplicar secções entre páginas.

  • Duplicar - Cria uma cópia da secção logo abaixo.

  • Criar preset - Guarda a secção como modelo reutilizável em As minhas secções.

  • Apagar - Elimina permanentemente a secção.

☞  Dica: o menu da secção é ideal para ações rápidas como duplicar, copiar ou guardar uma estrutura personalizada.

Painel lateral de edição da Secção

Ao clicar em Editar, o painel lateral direito é exibido com várias opções organizadas por categorias:

> Fundos

Escolha o tipo de fundo:

• • Cor: aplica uma cor sólida.

  • Imagem: permite carregar uma imagem de fundo.

  • Vídeo: define um vídeo como fundo.

> Contornos

Adicione ou ajuste bordas (espessura, estilo e cor).

> Cantos redondos

Controle o arredondamento dos cantos da secção.

> Espaçamentos, margens e posição

• • Espaçamentos (padding): distância interna entre o conteúdo e as bordas.

  • Margens: distância externa entre secções.

  • Altura mínima: define uma altura fixa mínima.

  • Posição flutuante: permite destacar a secção.

> Sombra

Adicione ou remova uma sombra para criar profundidade.

> Visibilidade

Defina se a secção deve ser exibida ou ocultada em dispositivos móveis.

> Estrutura

Ajuste o comportamento geral:

• • Largura: Largura total ou Conteúdo centrado.

  • Altura: Normal ou Altura completa.

  • Comportamento quando chega ao topo: mantenha fixa ou normal.

  • Ativar botão esconder secção: adiciona um botão para recolher/expandir a área.

> Nome da secção / Âncora

Atribua um nome interno para usar como âncora (ex.: criar links “Ver mais” que rolam até esta secção).

⚠️  Nota: todas as alterações feitas são guardadas apenas após clicar em “Gravar”.
O site só será atualizado publicamente quando clicar em Publicar website.

⚡ Boas práticas

• • Use secções predefinidas (presets) para construir o layout mais rapidamente.

  • Combine secções em branco com predefinidas para um resultado mais personalizado.

  • Evite adicionar muitas secções semelhantes seguidas — isso torna o site repetitivo.

  • Utilize o painel de pré-visualização para verificar o aspeto em diferentes ecrãs.

  • Grave e publique regularmente para evitar perda de alterações.

Perguntas Frequentes