Menus em sites de Loja Online na Weasy

✋  Objetivo do artigo

Neste artigo, vai compreender como funcionam os menus em lojas online na Weasy, quais as diferenças face a websites institucionais e como as categorias, produtos e marcas influenciam automaticamente a navegação — tanto em desktop como em mobile. Ao contrário de um site corporativo, o menu de uma loja online não é apenas um conjunto de links: está diretamente ligado à estrutura do catálogo no Backoffice.

1️⃣  Diferença entre menus de site e menus de loja

Em websites institucionais, o menu é composto essencialmente por:

• • Páginas

  • Links externos

  • Pastas (agrupadores)

Em lojas online, o menu está ligado ao sistema de e-commerce e pode apresentar:

• • Categorias de produtos

  • Subcategorias (em vários níveis)

  • Produtos em destaque

  • Produtos em promoção

  • Marcas

  • Combinações automáticas destas opções

Ou seja: o menu passa a ser dinâmico e dependente da estrutura da loja.

2️⃣  Onde são definidas as categorias da loja

As categorias não são criadas no Builder.

São geridas no Backoffice em: Loja Online › Categorias

Aqui pode:

• • Criar categorias principais e subcategorias

  • Definir hierarquias (ex.: Mulher › Casacos › Lãs)

  • Ativar ou desativar categorias

  • Definir URLs SEO

  • Associar imagens (thumbnails)

  • Controlar permissões de acesso

Esta estrutura é a base para tudo o que o menu da loja pode apresentar.

☞ Importante: qualquer alteração nas categorias reflete-se automaticamente nas opções de menu da loja.

3️⃣  Configurar o menu da loja no Desktop

No Backoffice, ao editar a página Loja, encontra opções específicas para Desktop:

Opções da loja desktop, como por exemplo:

• • Listar todos os produtos

  • Sub-menu com categorias (1 nível)

  • SubSub-menu com categorias (2 níveis)

  • Sub-menu com categorias (3 níveis)

  • Sub-menu com categorias (todos os níveis)

  • Listar produtos em destaque

  • Listar produtos em promoção

  • Sub-menu de marcas

  • Substituir menu por categorias de produto

Estas opções controlam como o menu se comporta visualmente no cabeçalho desktop:

• • Menu simples

  • Mega-menu

  • Dropdown multinível

☞ Boa prática: quanto mais níveis de categorias, maior a complexidade visual — use menus profundos apenas se o catálogo o justificar.

4️⃣  Configurar o menu da loja no Mobile

O menu mobile funciona de forma diferente do desktop e tem opções próprias.

Em Opções da loja mobile, pode escolher:

• • Listar todos os produtos

  • Sub-menu de marcas

  • Substituir menu por categorias de produto

⚠️ Limitação importante:

• • O menu mobile não replica automaticamente o comportamento do menu desktop.

  • As opções devem ser pensadas especificamente para navegação em ecrãs pequenos.

☞ Recomendação prática: no mobile, menus mais simples convertem melhor. Evite estruturas demasiado profundas.

5️⃣  Visibilidade do menu por dispositivo

Ao editar a página Loja (ou qualquer página), pode definir se está visível:

• • No menu desktop

  • No menu mobile

Isto permite, por exemplo:

• • Ter páginas que só aparecem em desktop

  • Simplificar o menu mobile

  • Esconder páginas menos relevantes em mobile

6️⃣  Relação entre Builder e menus de loja

O Builder não controla a lógica do menu da loja.

No Builder pode:

• • Estilizar o cabeçalho (cores, espaçamentos, layout)

  • Trabalhar os módulos visuais

  • Pré-visualizar desktop e mobile

Mas:

• • A estrutura do menu da loja vem sempre do Backoffice

  • O Builder apenas reflete as opções escolhidas nas definições da loja

⚡ Boas práticas

• • Defina primeiro a estrutura de categorias, só depois pense no menu

  • Evite mais de 2–3 níveis de profundidade sempre que possível

  • Use menus diferentes para desktop e mobile

  • Teste a navegação real em mobile (não apenas visual)

  • Pense no menu como uma ferramenta de conversão, não apenas de organização

✅ Conclusão

Nos sites de loja online na Weasy, o menu deixa de ser apenas um conjunto de links e passa a estar diretamente ligado à estrutura do catálogo de produtos.
Categorias, subcategorias, produtos em destaque e marcas influenciam automaticamente a forma como a navegação é apresentada.

Por isso, a organização correta das categorias no Backoffice é o passo mais importante para criar um menu claro e eficaz.

Ao compreender a relação entre categorias, definições da loja e apresentação no cabeçalho, consegue construir uma navegação mais intuitiva, facilitando a descoberta de produtos e melhorando a experiência de compra — tanto em desktop como em mobile.