Nota
Essas informações são específicas do Editor 2.0, anteriormente conhecido como Editor All-Flex. Para identificar sua versão atual do editor, consulte Como identificar a versão do editor que seu site usa.
Um Mega Menu é um tipo de menu de navegação comumente usado em sites para organizar e exibir uma grande quantidade de conteúdo ou opções de forma estruturada e visualmente atraente. Ao contrário de um menu suspenso tradicional que exibe uma única coluna de links, o Mega Menu se expande horizontalmente. Os casos de uso mais comuns incluem sites de comércio eletrônico com muitas categorias de produtos, sites de viagens com muitos destinos ou empresas de serviços que oferecem uma ampla gama de serviços.
O Mega Menu é ativado no widget Links de Navegação e cria uma nova seção vinculada a um item de navegação.* Isso permite ao usuário editar e projetar a nova seção da mesma forma que faria com qualquer outra seção, como adicionar um widget ou criar uma estrutura/layout. Qualquer item de navegação pode ser transformado em um Mega Menu.
*Para sites criados após 25 de julho de 2025, você pode adicionar várias seções a cada item do mega menu. Você pode selecionar entre seções em branco, pré-desenhadas, personalizadas ou criadas por IA. Além disso, você pode salvar seções do mega menu e usá-las em outros sites da sua conta. Note que está prevista uma migração para os mega menus em sites criados antes de 25 de julho de 2025. Este artigo será atualizado quando a migração ocorrer.
Considerações importantes:
-
O Mega Menu só pode ser adicionado a itens de navegação que não sejam subitens ou que incluam subitens próprios.
-
Compatível apenas com telas de tamanho desktop.
Para criar um Mega Menu:
-
Se você ainda não adicionou um widget de Links de Navegação, precisa adicionar um. No painel lateral, clique em Adicionar e, em seguida, clique em widget. Procure por "Links de Navegação" e, em seguida, arraste e solte-os na tela.
-
Atualmente, o Mega Menu só pode ser ativado na versão para desktop se o widget de Links de Navegação estiver no cabeçalho e tiver um layout horizontal. Não é compatível com dispositivos móveis.
-
-
Clique no widget Links de Navegação para abrir a barra flutuante e selecione Gerenciar Links.
-
Na parte superior do modal, em " O que os itens de navegação devem incluir?", clique em "O que?". Selecione Links Personalizados.
-
Clique para selecionar o item desejado. No lado direito da janela modal, selecione Mega menu. Isso transforma o item em um Mega Menu.
-
Insira um nome para o seu Mega Menu. Repita os passos 4 e 5 para cada item que você deseja transformar em um Mega Menu.
-
Arraste e solte os itens existentes na ordem e no nível de aninhamento desejados. Observe que o Mega Menu só pode ser adicionado a itens de navegação que não sejam subitens ou que incluam subitens próprios.
-
Clique em Editar menu superior para fazer alterações no design. As alterações de design aplicam-se apenas à seção que você está editando e não às seções que contêm outros Mega Menus.
A seguir, apresentamos dois elementos de design que definem como os usuários abrem seu mega menu. Para acessá-los, role para baixo até a seção Mega Menu do painel de design.
-
Um elemento de design popular é o uso de uma seta em forma de V para indicar aos visitantes do site que o menu pode ser expandido clicando nela. Por padrão, esta seta não está habilitada. Para adicionar a seta, ative a opção de visibilidade da seta . A seta herda o estilo de design dos elos.
-
Especifique como os usuários abrem seu mega menu, selecionando " hover ou "Clicar". O estado padrão é hover . Se você alternar para o modo de clique, o mega menu será aberto no primeiro clique e fechado no segundo.
-
Para obter mais informações sobre as opções de configuração e design do widget Links de Navegação, consulte widget: Links de Navegação.
Para abrir o Mega Menu para edição, você pode:
-
hover sobre o widget de Navegação e, quando a seção Mega Menu aparecer, clique na seção Mega Menu ou no item de navegação do Mega Menu.
-
Clique no widget Links de Navegação e clique em Gerenciar Links.
-
Abra o painel Camadas e clique para abrir a seção do Mega Menu desejada.
Você pode adicionar um link a uma seção do Mega Menu adicionando qualquer widget que permita links. A seguir, alguns exemplos de como você pode adicionar links a uma seção do Mega Menu:
-
Adicione um widget de botão ou ícone e inclua um link para ele.
-
Adicione o widget Galeria de Fotos e conecte-o a uma coleção.
-
Se você deseja exibir um catálogo de comércio eletrônico, pode adicionar o widget Galeria de Produtos e conectá-lo ao catálogo de produtos ou a uma categoria específica.
-
Adicione um widget de Links de Navegação e configure links personalizados.
Para excluir um Mega Menu, remova o item do Mega Menu do widget de navegação.
A seguir, apresentamos outras ações que excluirão um Mega Menu e que você deve conhecer:
-
Excluindo o widget de links de navegação.
-
Excluindo o contêiner que inclui um widget de Links de Navegação com um Mega Menu.
-
Alterando a predefinição do cabeçalho.
-
Alternar entre tipos de cabeçalho básicos e avançados.
A seguir, as limitações atuais do Mega Menu:
-
Disponível apenas em telas desktop .
-
O Mega Menu só pode ser usado se o widget de Links de Navegação estiver em um layout horizontal e dentro do cabeçalho.
-
Não é compatível com dispositivos móveis.
-
Se você duplicar ou copiar e colar um widget de Links de Navegação com um Mega Menu, o Mega Menu não será duplicado.