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
  1. Início
  2. Crie o seu site
  3. Use o Editor Wix
  4. Gerencie páginas e menus
  5. Menu
  6. Editor Wix: adicionar e configurar um mega menu

Editor Wix: adicionar e configurar um mega menu

7 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 | Adicione conteúdo ao contêiner
  • Etapa 4 | Ajuste 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 horizontal avançado. 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 configure-o como avançado. Menus avançados ajudam você a criar uma experiência de navegação personalizada e organizada para seus visitantes, com várias opções de itens e 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 suportados em 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 | 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 4 | Ajuste 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 em Alterar layout.
  3. 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çamento entre o menu e submenu: arraste o slider para aumentar ou diminuir o espaço entre o menu e o contêiner do mega menu.
O painel de layout do contêiner para um mega menu no Editor Wix. O cursor está passando sobre o slider de espaçamento.

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 submenus 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 submenu no menu dropdown O que você deseja criar?.
6. Use as opções para personalizar o contêiner.
Um GIF mostrando as opções de design para um contêiner de mega menu sendo acessado no Editor Wix.
Observação:
Apenas as opções de design feitas no contêiner do submenu são aplicadas a um mega menu. As alterações feitas nos itens do submenu 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: 

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
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 | Adicione conteúdo ao contêiner
  • Etapa 4 | Ajuste o layout do contêiner do mega menu
  • Etapa 5 | Personalize o design do mega menu

Esse artigo foi útil?

|