Editor do Wix Studio: adicionar e gerenciar novos menus

8 min de leitura

Neste artigo

Adicionar um menu
Gerenciar itens do menu
Criar dropdowns
Alternar o menu para um layout diferente
Exibir vários menus no mesmo site

Adicione nosso novo elemento de menu para agilizar o processo de criação de sites e, ao mesmo tempo, melhorar a navegação para os visitantes do seu cliente. Escolha o melhor layout para cada breakpoint: horizontal, vertical ou um menu hambúrguer. Alternar entre layouts é simples, para que você possa se ajustar rapidamente à medida que seu design evolui.

Gerencie os itens do menu conforme necessário ao adicionar, remover e reordenar os itens. Você pode usar contêineres de dropdown para exibir submenus com seu próprio conteúdo, permitindo que você crie uma experiência personalizada que atenda às necessidades do seu cliente.

Importante:

Este artigo se refere ao novo elemento de menu no Editor do Wix Studio, que ainda não está disponível para todos os usuários. Para ver etapas sobre como adicionar e gerenciar o menu anterior, clique aqui.

Adicione um menu ao site para começar. Recomendamos adicionar um menu ao cabeçalho do site, mas você pode adicionar e configurar quantos precisar para adaptar a experiência para diferentes páginas e seções.

Depois de adicionar o menu, escolha os itens que deseja que ele mostre (por exemplo: páginas do site, links, etc).

Para adicionar um menu:

Clique em Elementos no lado esquerdo do seu editor.
Selecione Menu e busca.
Selecione o tipo de menu desejado (Horizontal, Vertical ou Hambúrguer).
Clique no menu e arraste-o para a posição desejada na página.
Adicione itens ao novo menu:
1. Selecione o menu que você adicionou.
2. Clique em Gerenciar menu.
3. Clique em + Adicionar item na parte inferior.
4. Selecione o item que você deseja adicionar:
  - Páginas principais: adicione uma página normal do site ao menu.
  - Páginas dinâmicas e de aplicativo: adicione páginas de apps (por exemplo: uma página de produto do Wix Stores) ou páginas conectadas a coleções no CMS.
  - Link: você pode adicionar vários tipos de links ao menu, como links para outros sites, âncoras nas páginas do site, informações de contato do seu cliente, etc.
  - Dropdown: adicione um contêiner que aparece abaixo do menu quando os visitantes passam o mouse sobre o item. Você pode personalizá-lo conforme necessário e usá-lo para exibir itens do menu e conteúdo adicional.

Mudou de ideia sobre o layout (tipo) do menu?

Não se preocupe, você pode alterá-lo depois.

O painel Elementos está aberto. O cursor está adicionando um menu horizontal ao site.

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 a ordem para manter o conteúdo atualizado.

Para gerenciar um menu:

Selecione o menu relevante no seu editor.
Clique em Gerenciar menu.
Escolha o que fazer a seguir:

Adicionar mais itens do menu:

Alterar o link de um item do menu

Renomear um item do menu

Remover ou excluir um item

Reordenar itens do menu

O painel Gerenciar menu está aberto. O cursor está clicando para renomear um item.

Criar dropdowns

Existem 2 maneiras de criar dropdowns em um menu, dependendo de como você deseja que o título seja:

Um item de menu existente: decida se um item (página ou link) existente no menu deve mostrar o dropdown quando os visitantes passarem o mouse sobre ele.
Um título não clicável: adicione um título dropdown que não direciona a nenhuma página. Quando os visitantes passam o mouse sobre ele, o contêiner dropdown é aberto.

Para adicionar e configurar um dropdown:

Selecione o menu relevante no editor.
Clique em Gerenciar menu.
Escolha o que você quer fazer:
- Use um item existente do menu:
  1. Arraste um item do menu para movê-lo abaixo do item que você deseja usar como título do dropdown.
  2. Passe o mouse sobre o mesmo item e clique no ícone Mais ações .
  3. Selecione Mover para "Nome da página".
  4. Repita os passos anteriores para todos os outros itens.
- Crie um novo dropdown:
  1. Clique em + Adicionar item.
  2. Selecione Dropdown.
  3. Insira o título do dropdown.
  4. Pressione a tecla Enter no teclado para salvar suas alterações.
  5. Arraste e solte os itens do menu no dropdown para adicioná-los.
  6. Repita o passo anterior para todos os outros itens que você deseja adicionar.

Um dropdown foi criado no painel Gerenciar menu. Um item do menu está sendo arrastado abaixo dela.

Saiba mais sobre como trabalhar com dropdowns

Use as configurações de layout para escolher o tipo de menu que deseja: uma barra de navegação horizontal ou vertical ou um menu hambúrguer.

Para definir o layout:

Clique no menu no seu editor.
Clique no ícone Layout .
Selecione o tipo de menu:
- Barra de navegação: os itens do menu são exibidos em uma barra. Em Orientação, escolha se a barra é horizontal ou vertical.
- Hambúrguer: um ícone é exibido. Quando os visitantes do site clicam no ícone, o menu é aberto.

O painel de layout do menu. O cursor selecionou Barra de navegação.

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 na hora. Isso significa que você pode salvar menus e reutilizá-los em vários elementos de menu no site.

Está 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 independentes um do outro.

Clique abaixo para saber como:

Escolha qual menu é exibido em uma página