Menus de navegação

✋  Objetivo do artigo
Neste artigo, vai aprender como funcionam os menus de navegação na Weasy, onde são geridos, como são apresentados no cabeçalho e no mobile, e quais as limitações e boas práticas a ter em conta.

1️⃣  O que é o menu de navegação na Weasy

O menu de navegação é o elemento que permite aos visitantes deslocarem-se entre as páginas do site.

Na Weasy, o menu está diretamente ligado à estrutura de páginas criada no Backoffice.

Isto significa que:

• • o menu não é construído manualmente no Builder;

  • reflete a hierarquia definida em Website › Menu e Páginas.

☞ Modelo mental correto: primeiro organiza as páginas e depois o menu reflete essa organização

2️⃣  Onde se gerem os menus

A gestão do menu é feita fora do Builder, no Backoffice:

• • Aceda a Website › Menu e Páginas.

  • Aqui pode:

    • Criar novas páginas;

    • Reordenar páginas;

    • Criar subpáginas (menus dropdown);

    • Definir páginas visíveis ou ocultas no menu;

    • Escolher a página inicial.

⚠️ Nota: qualquer alteração feita aqui afeta automaticamente o menu apresentado no site.

3️⃣  Menu no cabeçalho (desktop)

No desktop, o menu aparece normalmente no cabeçalho, integrado com:

• • logótipo;

  • links de navegação;

  • ícones adicionais (ex.: pesquisa, conta, favoritos, carrinho).

O layout e estilo do menu (tipografia, espaçamento, alinhamento) dependem:

• • do tema escolhido;

  • das opções de estilo do cabeçalho.

☞ Dica: evite menus com demasiados itens — isso prejudica a usabilidade e o design.

4️⃣  Menu no mobile (comportamento fixo)

Em mobile, o menu tem um comportamento pré-definido:

• • é apresentado através do ícone “hambúrguer”;

  • abre um menu vertical;

  • a estrutura não pode ser redesenhada livremente.

⚠️ Limitação importante: Não é possível criar um menu mobile com layout diferente do padrão definido pelo tema.

O menu mobile:

• • respeita a hierarquia das páginas;

  • adapta-se automaticamente ao ecrã;

  • não é editável como uma secção normal.

5️⃣  Subpáginas e menus dropdown

A Weasy permite criar subpáginas, que resultam em:

• • menus dropdown em desktop;

  • níveis de navegação no menu mobile.

Isto é feito através da hierarquia em Menu e Páginas, arrastando páginas para dentro de outras.

☞ Boa prática: Evite mais de 2 níveis de profundidade — menus muito complexos confundem o utilizador, especialmente em mobile.

6️⃣ Mostrar ou ocultar páginas do menu

Nem todas as páginas precisam de aparecer no menu principal.

No Backoffice, pode:

• • ocultar páginas do menu;

  • manter páginas acessíveis apenas por link direto;

  • usar páginas ocultas para campanhas, landing pages ou testes.

☞ Exemplo comum: Páginas legais ou landing pages de anúncios.

 
7️⃣ O que não é possível fazer (expectativas realistas)

É importante esclarecer o que não é suportado nativamente:

• • Criar menus totalmente personalizados por página;

  • Ter menus diferentes em desktop e mobile;

  • Editar o menu diretamente no Builder;

  • Criar mega-menus complexos sem customização avançada.

⚠️ Estas limitações dependem do tema e da estrutura base da plataforma.

⚡ Boas práticas

• • Use nomes curtos e claros nas páginas;

  • Organize o menu por lógica de navegação, não por estrutura interna;

  • Priorize as páginas mais importantes;

  • Teste sempre o menu em mobile;

  • Evite alterações frequentes na hierarquia após o site estar publicado.

✅ Conclusão

Na Weasy, os menus são simples, estruturais e diretamente ligados às páginas do site.
Ao compreender esta ligação e organizar bem a hierarquia no Backoffice, garante uma navegação clara, consistente e funcional em desktop e mobile.

Perguntas Frequentes