Estrutura do site: páginas, secções e módulos

✋  Objetivo do artigo
Neste artigo, vai aprender como o seu site está organizado no Builder — desde as páginas e menus até à estrutura interna composta por secções, linhas, colunas e módulos.
Compreender esta hierarquia é essencial para editar e personalizar o seu site de forma eficiente.

1️⃣  Como estão organizadas as páginas do site

Cada site Weasy é composto por páginas, que são geridas no Backoffice.

Para aceder:

• • No menu lateral, clique em Website › Menu e Páginas.

  • Aqui pode adicionar, remover ou reorganizar páginas.

  • Pode também definir a página inicial (homepage) e criar pastas para agrupar subpáginas.

⚠️  Nota: as páginas criadas no Backoffice aparecem automaticamente no Builder, ficando disponíveis para edição.

☞  Dica: mantenha nomes curtos e descritivos (ex.: “Serviços”, “Sobre Nós”, “Contactos”) — isso melhora a navegação e o SEO do site.

2️⃣  Estrutura interna de uma página no Builder

No Builder, cada página é composta por quatro níveis principais:

• • Secção - Bloco horizontal que organiza o conteúdo visualmente -  Exemplos: “Serviços”, “Testemunhos”, “Sobre Nós”

  • Linha - Divide a secção em faixas horizontais - Exemplo: Uma linha com três colunas para destacar três serviços

  • Coluna - Espaço dentro da linha onde os módulos são colocados - Exemplo: Uma coluna com uma imagem e um texto

  • Módulo - Elemento individual de conteúdo (texto, imagem, botão, vídeo, etc.) - Exemplo: Um botão “Ver mais” ou um bloco de texto

☞  Dica: Pense nas secções como blocos grandes e nos módulos como as peças pequenas que completam o design.

3️⃣  Navegar entre páginas dentro do Builder

Na parte superior do Builder encontra o menu de navegação de páginas:

• • Use o menu suspenso (ao lado da palavra Home) para escolher a página que quer editar.

  • Também pode clicar em ver todas as páginas para abrir a lista completa.

  • Antes de mudar de página, clique em “Gravar” para não perder as alterações.

⚠️  Nota: o Builder só permite editar uma página de cada vez.

4️⃣  Secções: a base da sua página

As secções são os blocos principais que compõem o layout da página.

Cada secção pode ter fundo próprio (cor, imagem ou vídeo) e conter várias linhas e colunas.

Para adicionar uma nova secção:

• • Clique em Adicionar secção (botão azul entre secções).

  • Abre-se o painel Adicionar, com categorias como Introdução, Cabeçalhos, Testemunhos, Equipa, Contactos, entre outras.

  • Escolha uma secção predefinida ou clique em Secção em branco para criar de raiz.

☞  Dica: pode guardar as suas secções personalizadas para reutilizar mais tarde através da opção As minhas secções.

⚠️  Nota: No próximo artigo (“Trabalhar com secções e layout”) vai aprender a usar os presets da Weasy — modelos prontos de secções que ajudam a alterar rapidamente o design.

5️⃣  Linhas e colunas: organizar o conteúdo dentro das secções

Dentro de cada secção, pode adicionar linhas e colunas para organizar o conteúdo.

• • As linhas dividem a secção horizontalmente.

  • As colunas permitem dispor o conteúdo lado a lado (por exemplo, imagem à esquerda e texto à direita).

Para gerir colunas:

• • Clique nos três pontos azuis junto à coluna.

  • Através do menu de contexto pode Editar, Adicionar Módulo, Copiar, Duplicar ou Apagar.

  • Use as setas azuis (para a esquerda e direita) para mover a coluna.

Todas as opções de configuração — como margens, fundos, espaçamento e alinhamento — estão disponíveis no painel lateral direito depois de clicar na linha ou coluna.

☞  Dica: use colunas para criar equilíbrio visual e destacar o conteúdo mais importante.

6️⃣  Módulos: o conteúdo da sua página

Os módulos são os blocos de conteúdo que inserimos dentro das colunas — texto, imagens, vídeos, botões, formulários, etc. São a base da personalização visual e informativa do site.

Pode adicionar módulos de duas formas:

Opção 1 — Através do botão “+ Adicionar módulo”

• • Clique em + Adicionar módulo na barra superior do Builder.

  • O painel Adicionar será aberto, mostrando várias categorias (Populares, Cabeçalho e Rodapé, Conteúdo, Loja Online, Media, Social, etc.).

  • Escolha o tipo de módulo que pretende adicionar (ex.: Texto, Imagem, Botão, Título, Menu, Vídeo, Ícones de Loja, Redes Sociais).

  • Clique sobre o módulo para o inserir na página.

Opção 2 — Diretamente numa coluna existente

• • Clique nos três pontos azuis da coluna onde quer adicionar o conteúdo.

  • No menu de contexto, selecione Adicionar Módulo.

  • O mesmo painel de seleção de módulos será aberto — escolha o módulo e adicione-o à coluna.

Após adicionar, o painel lateral direito será aberto automaticamente, permitindo personalizar:

• • Texto e tipografia

  • Cores e fundos

  • Tamanhos, margens e espaçamento

  • Links, botões e comportamento em hover

⚠️  Nota: apenas os módulos podem ser movidos livremente com o rato (drag & drop).
As secções, linhas e colunas devem ser reposicionadas através das setas azuis de movimento.

7️⃣  Guardar, pré-visualizar e publicar

• • Gravar: guarda as alterações feitas na página (mantidas apenas em modo de edição).

  • Pré-visualizar: mostra o aspeto do site antes de o publicar.

  • Publicar website: torna todas as alterações visíveis para o público.

☞  Dica: grave o seu trabalho com frequência — especialmente antes de trocar de página.

⚡ Boas práticas

• • Planeie o conteúdo antes de criar as secções.

  • Evite adicionar demasiados módulos numa só secção.

  • Guarde e pré-visualize o site com frequência.

  • Use secções e colunas consistentes em várias páginas para manter a harmonia visual.

  • Reveja o aspeto em versão mobile e ajuste tamanhos e espaçamentos quando necessário.

Perguntas Frequentes