Introdução ao Builder da Weasy

✋  Objetivo do artigo
Neste artigo, vai conhecer o Builder da Weasy o editor visual que lhe permite construir, editar e personalizar o seu website diretamente, sem necessidade de conhecimentos de programação.
Aqui explicamos como aceder ao builder, compreender a interface e utilizar as principais ferramentas de edição.

1️⃣  O que é o Builder da Weasy

O Builder da Weasy é o ambiente de edição visual onde pode construir o seu site de forma intuitiva, através do sistema de arrastar e largar (drag & drop).

É nele que pode:

• • Editar o conteúdo das páginas do seu site;

  • Adicionar, mover ou duplicar secções e módulos;

  • Ajustar cores, fontes, fundos e imagens;

  • Visualizar instantaneamente as alterações no layout.

O editor foi desenhado para ser simples, visual e flexível, permitindo que qualquer utilizador — mesmo sem experiência técnica — consiga gerir o seu site de forma profissional.

⚠️  Nota: guarde sempre as suas alterações regularmente. As modificações feitas no Builder não são guardadas automaticamente, e se mudar de página sem guardar, pode perder o progresso. As alterações guardadas ficam disponíveis apenas para si — só após clicar em Publicar é que o novo conteúdo ficará visível para o público.

2️⃣  Como aceder ao Builder

1. Inicie sessão no Backoffice da Weasy.
2. No menu lateral, clique em Website » Menu e Páginas.
3. Selecione a página que pretende editar e clique em Editar.
4. O sistema abrirá automaticamente o Builder, onde poderá visualizar e modificar o conteúdo em tempo real.

3️⃣  Visão geral da interface

Ao entrar no Builder, vai encontrar três áreas principais:

Área principal de edição - Onde pode arrastar, editar e visualizar todos os módulos e elementos do seu site.
Painel superior de ferramentas - Permite navegar entre as páginas existentes e aceder a ações globais como Guardar, Pré-visualizar e Publicar.
Painel lateral - Exibe as definições específicas da secção, linha, coluna ou módulo que está a editar, permitindo ajustar propriedades como cor, espaçamento, fundo, tipografia ou comportamento responsivo.

4️⃣  Modos de edição e hierarquia de elementos

O Builder organiza o conteúdo do site em diferentes níveis de hierarquia, que definem a estrutura visual:

• • Secções: blocos horizontais que dividem visualmente o conteúdo (ex.: “Sobre Nós”, “Serviços”).

  • Linhas e colunas: subdividem as secções e controlam o alinhamento dos elementos.

  • Módulos: componentes individuais que contêm o conteúdo — como texto, imagens, botões, vídeos ou formulários.

Os módulos podem ser arrastados e largados (drag & drop) para reorganizar o conteúdo dentro de uma secção.
Já as secções, linhas e colunas devem ser reposicionadas utilizando as setas de movimentação disponíveis no menu de cada elemento.

Para editar uma secção, linha ou módulo, clique sobre o elemento.
O menu lateral direito será aberto automaticamente, exibindo todas as opções de personalização disponíveis — como cor de fundo, espaçamento, margens, tipografia, visibilidade e comportamento responsivo.

⚠️  Nota: O sistema não possui menus contextuais ao passar o cursor. A personalização é sempre feita através do painel lateral direito, após clicar no elemento que pretende editar.

5️⃣ Cabeçalho, corpo e rodapé

O Builder divide a página em três áreas principais:

• • Cabeçalho (Header): contém o logótipo e o menu principal de navegação.

  • Corpo da página (Body): inclui o conteúdo principal do site — as secções e módulos que compõem cada página.

  • Rodapé (Footer): apresenta informações complementares como contactos, redes sociais ou políticas legais.

O cabeçalho e o rodapé podem ser globais (iguais em todas as páginas) ou personalizados por página.

6️⃣ Ações principais no Builder

Guardar - Regista as alterações feitas (mantidas apenas no modo de edição). Deve guardar regularmente para não perder o progresso.
Pré-visualizar - Mostra uma simulação de como o site será exibido ao público antes de publicar.
Publicar - Torna as alterações guardadas visíveis para todos os visitantes.
Ver em modo Desktop / Mobile - Permite alternar entre a visualização de computador e de telemóvel, para testar o aspeto do site em diferentes dispositivos.

☞  Dica: utilize sempre a pré-visualização antes de publicar, para garantir que o layout está correto em todos os formatos.

⚡ Boas práticas

• • Guarde as suas alterações com frequência, especialmente antes de mudar de página.

  • Trabalhe página a página, garantindo que cada secção está bem organizada antes de avançar.

  • Verifique regularmente a versão mobile, pois é o formato mais utilizado pelos visitantes.

  • Publique apenas quando estiver satisfeito com o resultado final (caso não queira que o público veja a edição, senão, pode ir publicando sem problema).

  • Evite remover cabeçalhos ou rodapés globais sem ter a certeza de que o pretende fazer.

  • Mantenha uma identidade visual consistente: use as mesmas cores, tipografia e espaçamento em todas as páginas.

Perguntas Frequentes