Editor do Wix Studio: adicionar e gerenciar menus
7 min de leitura
Neste artigo
- Adicionar um menu
- Gerenciar um menu existente
- Criar submenus dropdown
- Exibir vários menus no mesmo site
Adicione menus para ajudar os visitantes a se orientar no site. Esses menus são totalmente personalizáveis, e mostram qualquer link que seu cliente desejar, como páginas do site, sites externos ou até mesmo seu número de telefone.
É importante saber que:
Este artigo se refere ao fluxo do menu antigo. Recentemente, iniciamos o lançamento de um novo componente de menu, que afeta os menus horizontal, vertical e hambúrguer. Para ver as etapas sobre como adicionar e configurar novos menus, clique aqui.
Adicionar um menu
Adicione quantos elementos de menu você precisar ao site do seu cliente. Escolha o tipo certo de menu para o seu design e decida quais itens ele deve mostrar.
Para adicionar um menu:
- Clique em Elementos no lado esquerdo do editor.
- Clique em Menu e busca.
- Arraste o design do menu relevante para a página:
- Menus horizontais: esses menus avançados oferecem várias opções de personalização exclusivas. Você pode adaptá-los para o que você precisar, ajustando o layout e o design de cada área.
- Menus verticais: menus dispostos verticalmente que ficam ótimos no lado direito ou esquerdo dos sites.
- Menus âncora: menu vertical flutuante que exibe links de âncora. Isso ajuda os visitantes a navegar entre as diferentes seções de uma página, especialmente se for uma página longa ou um site de página única.
- Menus hambúrguer: menus minimalistas que ocupam pouco espaço. Os itens do menu só são exibidos quando os visitantes clicam no ícone do menu. O menu tem um estado aberto e fechado.
- Adicionar itens ao novo menu:
- Selecione o menu que você adicionou.
- Clique em Gerenciar menu.
- Clique em + Adicionar item na parte inferior.
- Selecione o item que deseja adicionar:
- Páginas principais
- Páginas dinâmicas e de aplicativo
- Link: você pode adicionar vários tipos de links ao menu. Links para outros sites, âncoras neste site, informações de contato do seu cliente, etc.
- Título do submenu: adiciona um título não clicável ao menu, sob o qual você pode aninhar páginas em um submenu.
- Mega menu: é um contêiner de tela cheia que aparece abaixo do menu quando os visitantes passam o mouse sobre o item. Você pode personalizar esse contêiner para mostrar qualquer tipo de conteúdo.
![Clicando em Gerenciar menu para adicionar outros itens a um menu existente](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/09/28/cd914da9-8ac2-4efc-ad92-3e1ce6ea4097/a5f442cd-ebfe-47a7-93c9-63677d950732.png)
Procurando páginas relacionadas aos aplicativos Wix?![Adicionando uma página relacionada ao Wix Stores a um menu no Editor do Wix Studio](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/09/28/19c30391-9986-4ac1-9e21-7416dbb817e9/cd7bdbbf-822e-4e8d-8ef5-4e8fe602656f.png)
Adicione um novo Link ao menu e selecione Página à esquerda. Ao clicar no dropdown, você verá uma lista de todas as páginas relacionadas aos aplicativos Wix (por exemplo: Wix Stores, Wix Bookings).
![Adicionando uma página relacionada ao Wix Stores a um menu no Editor do Wix Studio](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/09/28/19c30391-9986-4ac1-9e21-7416dbb817e9/cd7bdbbf-822e-4e8d-8ef5-4e8fe602656f.png)
Gerenciar um menu existente
Você pode ajustar um menu existente e os itens que ele mostra quando quiser. Adicione mais itens, remova os que são irrelevantes ou altere sua ordem para manter o menu atualizado.
Para gerenciar um menu:
- Selecione o menu relevante no Editor.
- Clique em Gerenciar menu.
- Escolha o que fazer a seguir:
Adicionar outros itens de menu
Alterar o link de um item do menu
Renomear um item do menu
Remover um item de menu
Reordenar itens de menu
![O painel Gerenciar menu no Editor do Wix Studio e as opções que aparecem para gerenciar um item do menu](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/09/28/c1bffb33-2eab-4172-a7f5-c8bb71b2b3bd/8681eca0-74dc-4634-bf82-6d154fe8ae3d.png)
Criar submenus dropdown
Existem duas maneiras de criar um novo submenu, dependendo do título que você deseja:
- Um item de menu existente: escolha um item existente (página ou link) no menu para mostrar o submenu quando os visitantes passam o mouse sobre ele.
- Um título que não é clicável: adicione um Título de submenu que não leva a nenhuma página. Os visitantes passam o mouse sobre ele para ver o submenu.
Para mover itens para um novo submenu:
- Selecione o menu relevante no Editor.
- Clique em Gerenciar menu.
- (Opcional) Adicione um título não clicável para o submenu:
- Clique em + Adicionar item.
- Selecione Título do submenu.
- Insira o novo título para o submenu.
- Pressione a tecla Enter no teclado para salvar suas alterações.
- Mover itens de menu para o submenu:
- Arraste um item de menu para movê-lo para baixo do título do submenu.
Dica: o título do submenu é outro item do menu ou o título não clicável que você adicionou. - Passe o mouse sobre o mesmo item e clique no ícone Mais ações .
- Selecione Mover para "Nome da página".
- Repita os passos a - c para todos os outros itens do submenu.
- Arraste um item de menu para movê-lo para baixo do título do submenu.
![Mover uma página para um novo submenu, com um título clicável (outra página do site)](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/09/28/f74fe429-cdd0-4de1-971e-594c27e1a5b4/e1949321-6616-4c90-b74b-9e413521fb4c.png)
Exibir vários menus no mesmo site
Você pode criar quantos menus precisar e mostrar itens completamente diferentes em cada um.
Após adicionar um novo elemento de menu, você pode escolher qual menu ele deve exibir: um menu existente que você salvou ou um novo que você criou no local. Isso significa que você pode salvar menus e reutilizá-los em vários elementos de menu no site.
Clique abaixo para saber como:
Escolha qual menu é exibido em uma página
Salvar novo menu
Mostrando o mesmo item em vários menus?
Você pode dar ao item um nome exclusivo em cada menu para que ele sempre corresponda à intenção específica. Todos os menus que você cria são completamente independentes uns dos outros.