Editor do Wix Harmony: adicionar e gerenciar menus
16 min
Neste artigo
- Adicionar um menu
- Adicionar e gerenciar itens do menu
- Adicionar dropdowns ao seu menu
- Alterar o layout do menu
- Design de menus verticais e horizontais
- Trabalhar com menus no mobile
- FAQs
Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, veja mais informações aqui.
Os menus facilitam a navegação no site e ajudam os visitantes a descobrir o que você oferece. Escolha as páginas e links mais importantes para você. Você decide como o menu fica e funciona, para a navegação ser sempre natural, não importa qual dispositivo os visitantes estão usando.
Adicionar um menu
Os menus ajudam os visitantes a navegar entre as páginas do seu site. Na categoria Menu do painel Elementos, as opções Horizontal, Vertical e Hambúrguer adicionam um menu do site que é conectado às páginas do seu site (novas páginas aparecem automaticamente nesse menu).
Você também pode adicionar um menu personalizado separado para áreas específicas e escolher se ele aparece como um menu horizontal, vertical ou hambúrguer. Por exemplo, crie um menu personalizado para o rodapé do seu site ou para uma página específica que precisa de sua própria navegação.
Para adicionar um menu:
- Vá para o seu editor.
- Clique em + Elementos no canto superior esquerdo do editor.
- Selecione a categoria Menu.
Dica: clique no ícone Seta
ao lado das categorias para navegar pela lista. - Dependendo do tipo de menu que você deseja adicionar, siga as etapas abaixo:
Menu do site
ao lado de um item do menu para renomear ou remover o item. Menu personalizado
Você sabia?
Se você adiciona uma barra de menu ao seu cabeçalho, ela se torna automaticamente um menu hambúrguer no mobile. Isso mantém a navegação do seu site limpa e organizada em telas menores.
Adicionar e gerenciar itens do menu
Depois de adicionar o menu, escolha os itens que você deseja exibir. Selecione páginas normais do site, coleções de páginas de apps e CMS ou páginas específicas dentro de uma coleção. Você também pode adicionar contêineres de dropdown e links para personalizar a experiência conforme necessário.
Você sempre pode ajustar um menu existente e os itens que ele mostra. Adicione mais itens, remova os que não são relevantes ou altere a ordem para manter o conteúdo atualizado.
Para gerenciar um menu:
- Vá para o seu editor.
- Clique no menu.
- Clique em Gerenciar menu.
- Escolha o que fazer em seguida:
Adicionar mais itens do menu
Alterar o link de um item do menu
Renomear um item do menu
Remover um item do menu
Reordenar itens do menu
ao lado de um item e arraste-o para a posição desejada.
Adicionar dropdowns ao seu menu
Use dropdowns para agrupar páginas relacionadas sob um único item do menu e manter sua navegação fácil de visualizar. Escolha um item pai, seja uma página ou um link, e agrupe outras páginas abaixo dele para criar o dropdown.
Para adicionar e configurar um dropdown:
- Vá para o seu editor.
- Clique no menu.
- Clique em Gerenciar menu.
- Decida qual item do menu é o título do dropdown.
- Mova o primeiro item do menu para o dropdown:
- Arraste o item do menu relevante para baixo do título do dropdown.
- Passe o mouse sobre o item que você arrastou e clique no ícone Mais ações
. - Selecione Mover para baixo de "Nome da página".
- Repita o passo 5 para todos os outros itens que você deseja mover para o dropdown.
Arraste com o mouse:
Quer uma maneira mais rápida de transformar páginas em itens de dropdown? Arraste uma página para cima ou para baixo e, em seguida, levemente para a direita até que ela se encaixe sob outra página. O GIF abaixo mostra como deve ser o resultado.
Alterar o layout do menu
Um layout de menu claro ajuda os visitantes a ver rapidamente para onde ir em seguida. Escolha uma barra de menu quando quiser todos os seus itens visíveis em uma linha ou coluna, com controle extra sobre o que acontece quando um menu horizontal fica sem espaço. Se você prefere um ícone compacto para abrir sua navegação, escolha um menu hambúrguer, que é ideal para layouts limpos e minimalistas ou quando o espaço é limitado.
Para alterar o layout do menu:
- Vá para o seu editor.
- Clique no menu.
- Clique em Alterar formato na barra de ação.
- Escolha a opção relevante em Menu:
- Barra de menu: os itens do menu são exibidos em uma barra de navegação. Em Orientação, escolha se a barra é horizontal ou vertical.
Dica: para menus horizontais, você também pode escolher o Comportamento do item quando não houver espaço suficiente para os itens na tela do visitante. Permita que o menu se expanda (Ajustar ao texto) ou adicione um botão para rolar pelos itens extras (Ajustar à rolagem). - Hambúrguer: os visitantes veem um ícone no qual clicam para abrir o menu. Essa é uma ótima opção para layouts limpos e minimalistas.
- Barra de menu: os itens do menu são exibidos em uma barra de navegação. Em Orientação, escolha se a barra é horizontal ou vertical.
Design de menus verticais e horizontais
Destaque seus menus ao personalizar cada detalhe, desde cores e bordas até texto, cantos e layout. Seja seu menu horizontal ou vertical, você controla a aparência da barra de menu e de seus itens, faz o design de dropdowns e ajusta o espaçamento para que tudo seja ideal para seus visitantes.
Está criando um menu hambúrguer?
Leia nosso artigo sobre menus hambúrguer para saber mais. Você pode personalizar cada detalhe, do botão ao contêiner.
Para definir o design de um menu vertical ou horizontal:
- Vá para o seu editor.
- Clique no menu.
- Clique no ícone Todas as opções de design
na barra de ação. - Selecione a parte relevante do menu em Escolha uma parte da barra de menu.
Barra de menu e itens do menu
: altere a cor do seu menu ao escolher uma das cores da sua marca ou uma cor personalizada.
: defina as bordas do seu menu para que ele se destaque, escolhendo uma cor, largura e estilo. Clique no ícone Editar bordas individuais 
para fazer o design de cada lado da borda.
: faça o design dos itens do menu ao alterar a fonte, cor, formatação, alinhamento, espaçamento de caracteres e muito mais.
: deixe os cantos do seu menu mais quadrados ou arredondados ao arrastar o slider em Raio. Clique no ícone Editar cantos individuais 
: aplique sombra interna e externa para dar ao menu um efeito 3D interessante, definindo a posição, o desfoque, a cor e muito mais.
: adicione um espaço ao seu conteúdo. Adicione preenchimento e ajuste o espaçamento entre os itens.
: decida se deseja ou não aplicar a direção do site (da esquerda para a direita ou da direita para a esquerda) a este menu. Para menus verticais, você também escolhe a largura dos itens do menu e se os dropdowns aparecem abertos ou fechados.Dropdowns e itens do dropdown
Trabalhar com menus no mobile
Ao visualizar o site em um celular, o cabeçalho se transforma para criar uma experiência suave e sem poluição visual. Elementos do cabeçalho do desktop (por exemplo, links de navegação, ícones sociais) vão para um menu hambúrguer compacto, deixando apenas o essencial no topo. Você pode mover elementos para dentro do menu mobile ou tirar conforme precisar.
Para ajustar o menu do cabeçalho no mobile:
- Vá para o seu editor.
- Clique no ícone Mobile
no topo direito da página. - Clique no ícone do menu hambúrguer.
- Clique no dropdown Modo normal e selecione Menu hambúrguer.
- Escolha o que fazer em seguida:
- Reposicionar elementos dentro do contêiner: arraste os elementos para movê-los pelo contêiner do menu hambúrguer.
- Adicionar elementos ao contêiner: use o painel Elementos para adicionar mais elementos ao contêiner do menu hambúrguer. Esses elementos são apenas para mobile, o que significa que não aparecem no desktop.
- Mover um elemento de volta para o cabeçalho: clique com o botão direito no elemento e selecione Mover para o cabeçalho.
FAQs
Clique em uma pergunta abaixo para saber mais.
Posso redimensionar a barra de menu?
Posso adicionar vários menus ao cabeçalho?
Remover uma página do menu a exclui do meu site?
Preciso mostrar todas as páginas do meu site no menu?
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
