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, vejaComo 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 uma 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 ainda mais horizontalmente. Casos de uso 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.
Mega Menu é ativado no widget Links de Navegação e cria uma nova seção vinculada a um item de navegação.* Isso permite que o usuário edite e crie a nova seção como 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 mega item do menu. Você pode selecionar seções em branco, pré-projetadas, 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. Observe que uma migração está planejada para 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 o tamanho da tela do desktop.
Para criar um Mega Menu:
-
Se você ainda não tiver adicionado um widget de links de navegação, precisará adicionar um. No painel lateral, clique em Adicionar, em seguida, clique em Widgets. Pesquisar por Links de navegação, depois arraste-o e solte-o na tela.
-
Atualmente, o Mega Menu só pode ser ativado no desktop se o widget 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 selecionar Gerenciar links.
-
No topo do modal, para O que os itens de navegação devem incluir? selecionar Links personalizados.
-
Clique para selecionar o item desejado. No lado direito do modal, selecione Mega menu. Isso transforma o item em um Mega Menu.
-
Insira um nome para o seu Mega Menu. Repita as etapas 4 e 5 para cada item que você deseja transformar em um Mega Menu.
-
Arraste e solte os itens existentes na ordem e no aninhamento desejados. Observe que o Mega Menu só pode ser adicionado a itens de navegação que não sejam subitens ou incluam subitens próprios
-
Clique Editar mega menu para fazer alterações no design. As alterações de design só se aplicam à seção atual que você está editando e não às seções que contêm outros Mega Menus.
A seguir estão dois elementos de design que definem como os usuários abrem seu mega menu. Para acessá-los, desça até a seção Mega Menu do painel de design.
-
Um elemento de design popular é usar uma seta em forma de divisa para indicar aos visitantes do site que o menu pode ser expandido clicando nele. Por padrão, essa seta não está habilitada. Para adicionar a seta, habilite a Visibilidade da se alternar. A seta herda o estilo de design dos links
-
Especifique como os usuários abrem seu mega menu selecionando Pairar ou Clique. Pairar é o estado padrão. Se você mudar para Clique, o mega menu abrirá no primeiro clique e fechará no segundo clique.
-
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:
-
Passe o mouse 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 Layers e clique para abrir a seção desejada do Mega Menu.
Você pode adicionar um link para uma seção do Mega Menu adicionando qualquer widget vinculável. A seguir estão alguns exemplos de como você pode adicionar links a uma seção do Mega Menu:
-
Adicione um widget de botão ou ícone e adicione um link a ele.
-
Adicione o widget Galeria de fotos e conecte-o a uma coleção.
-
Se quiser exibir um catálogo de comércio eletrônico, você pode adicionar o widget Galeria de produtos e conectar-se 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, exclua o item Mega Menu do widget de navegação.
A seguir estão várias outras ações que excluirão um Mega Menu que você deve conhecer:
-
Excluindo o widget 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.
-
Alternando entre tipos de cabeçalho básicos e avançados.
A seguir estão as limitações atuais do Mega Menu:
-
Disponível apenas no tamanho da tela do desktop.
-
O Mega Menu só pode ser usado se o widget 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.
-
links de navegação principais (principais) nos Mega Menus não são clicáveis e são considerados pastas de navegação. Eles também não podem ser vinculados a páginas.