header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor Wix: adicionar e configurar um mega menu

8 min
Neste artigo
  • Etapa 1 | Adicione e configure um menu horizontal avançado
  • Etapa 2 | Adicione um mega menu ao seu menu avançado
  • Etapa 3 | Crie um menu estruturado
  • Etapa 2 | Adicione conteúdo ao contêiner
  • Etapa 5 | Ajustar o layout do contêiner do mega menu
  • Etapa 5 | Personalize o design do mega menu
Mega menus são contêineres que você pode adicionar como itens ao seu menu avançado horizontal. Quando os visitantes passam o mouse sobre o item de menu no seu site online, o contêiner é aberto. 
Anexe elementos ao contêiner para exibir conteúdo importante e relevante. Você também pode personalizar a aparência para fornecer uma experiência de navegação única para seus visitantes. 
Um GIF mostrando um mega menu em um site Wix online.

Etapa 1 | Adicione e configure um menu horizontal avançado

Para começar, adicione um menu horizontal à sua página e defina-o como avançado. Os menus avançados ajudam você a criar uma experiência de navegação personalizada e organizada para seus visitantes, com vários itens e opções de navegação.
É importante saber que:
Só é possível adicionar um contêiner do mega menu a um menu horizontal que você define como avançado. Os contêineres de mega menu não são compatíveis com menus normais do site, menus temáticos ou menus verticais.

Para adicionar e configurar um menu horizontal avançado:

  1. Clique em Elementos no lado esquerdo do editor.
  2. Selecione Menu e âncora.
  3. Clique em Menus horizontais.
  4. Clique e arraste o design de menu escolhido para onde quiser na página.
  5. Defina o menu como avançado:
    1. Selecione o novo menu no editor.
    2. Clique no ícone Configurações .
    3. Selecione Definir como avançado.
    4. Clique em Definir como avançado no pop-up.
A aba Menu e âncora no painel Elementos. O cursor está passando sobre um menu horizontal.

Etapa 2 | Adicione um mega menu ao seu menu avançado

Quando você tiver um menu horizontal avançado, adicione seu contêiner do mega menu como um item e nomeie-o como quiser. Recomendamos usar um título que reflita o conteúdo pretendido, como "Serviços" e "Nossa história".

Para adicionar um mega menu:

  1. Selecione o menu avançado no seu editor.
  2. Clique em Gerenciar menu.
  3. Clique em + Adicionar item de menu na parte inferior do painel.
  4. Selecione Mega menu.
  5. Insira o título do contêiner no campo.
  6. Clique em OK.
O painel Gerenciar menu para um menu avançado no Editor. O cursor está passando sobre a opção de adicionar um mega menu.

Etapa 3 | Crie um menu estruturado

Um menu estruturado permite que você mostre um menu completo dentro do seu mega menu. Portanto, quando uma pessoa clicar em um item do mega menu, ela verá uma lista clara de páginas ou links relacionados. Isso ajuda a organizar seu site e facilita a navegação. Para criar um, abra o painel Gerenciar menu e arraste itens abaixo de um item do menu principal para anexá-los. Isso cria seu menu estruturado automaticamente.

Para criar um menu estruturado:

  1. Selecione o menu avançado relevante no seu editor.
  2. Clique em Gerenciar menu.
  3. Clique em + Adicionar item do menu e configure o item de menu que desejar.
  4. Aninhe os itens do menu relevantes no mega menu: 
    1. Selecione o item no painel Gerenciar menu.
    2. Arraste e solte o item no mega menu.
GIF de gerenciar configurações do menu para um menu avançado no Editor Wix

Etapa 2 | Adicione conteúdo ao contêiner

Depois de adicionar e nomear seu contêiner, adicione elementos como botões, formas e texto para criar o conteúdo desejado. 

Para adicionar elementos:

  1. Passe o mouse sobre o contêiner do mega menu no painel Gerenciar menu.
  2. Clique em Editar.
  3. Clique em Elementos no lado esquerdo do editor.
  4. Escolha o elemento que você deseja adicionar.
  5. Clique e arraste o elemento para a posição escolhida no contêiner.
Um GIF mostrando uma caixa de texto sendo adicionada a um contêiner do mega menu no painel Elementos.

Etapa 5 | Ajustar o layout do contêiner do mega menu

Depois de adicionar os elementos desejados, altere o layout do contêiner do mega menu para combinar com a estrutura da sua página. Você pode ajustar o espaçamento e escolher quanto o contêiner se estende. 

Para alterar o layout:

  1. Clique no contêiner do mega menu.
  2. Clique no ícone Layout .
  3. Clique em Mega menu.
  4. Use as opções para ajustar o contêiner:
    • Escolha um layout: selecione se você deseja que o contêiner preencha toda a tela dos seus visitantes ou a largura da página do seu site (dentro das linhas de grade).
    • Espaço entre os itens e contêiner: arraste o slider para aumentar ou diminuir o espaço entre seu menu e o contêiner do mega menu.
O painel de layout do contêiner para um mega menu no Editor Wix.

Etapa 5 | Personalize o design do mega menu

Depois de ajustar o layout do contêiner, faça o design das bordas, background e mais. Para manter uma aparência consistente, as alterações feitas no mega menu também se aplicam a todos os menus dropdown que você adicionou.

Para personalizar o design do contêiner:

  1. Clique em Sair do modo na barra de Modo Mega menu.
  2. Clique no menu avançado.
  3. Clique no ícone Design .
  4. Clique em Personalizar design.
  5. Selecione Contêiner do dropdown no menu dropdown O que você deseja criar?.
  6. Use as opções para personalizar o design do contêiner.
Uma captura de tela mostrando as opções de design para um contêiner do mega menu sendo acessado no Editor Wix.
Observação:
Apenas opções de design que são criadas para o contêiner do menu dropdown são aplicadas a um mega menu. As alterações feitas nos itens do dropdown não são aplicadas aos elementos que você adicionou ao contêiner do mega menu.
Qual é o próximo passo?
Há uma variedade de opções disponíveis em um menu horizontal avançado. Você pode: