Central de Ajuda Wix
    Início
  1. Crie o seu site
  2. Use o Editor Wix
  3. Gerencie páginas e menus
  4. Menu
    5. Editor Wix: adicionar e configurar um menu hambúrguer

Editor Wix: adicionar e configurar um menu hambúrguer

5 min de leitura
Menus hambúrguer são menus que exibem um botão no seu site online. Quando os visitantes clicam nesse botão, o menu é aberto em um contêiner. Isso significa que são uma ótima maneira de permitir que os visitantes naveguem no seu site sem comprometer o espaço ou o layout.  
Um GIF de um site Wix O botão do menu hambúrguer é clicado, abrindo o menu em um contêiner.
É importante saber que:
Embora os ícones de menus do site mobile e os menus hambúrguer sejam semelhantes, eles são menus diferentes. Os menus hambúrguer não estão disponíveis para serem adicionados no editor mobile, e os que você adicionar no desktop não são transferidos para a versão mobile do seu site.

Etapa 1 | Adicione um menu hambúrguer ao seu site

Adicione um menu hambúrguer ao seu site para começar. Há uma variedade de opções predefinidas, para que você possa escolher uma que combine com o tema e a aparência do seu site.

Para adicionar um menu hambúrguer:

  1. Clique em Elementos no lado esquerdo do Editor.
  2. Selecione Menu e âncora.
  3. Clique em Menus hambúrguer.
  4. Clique e arraste o ícone do menu escolhido para a página.
O painel Elementos. Os menus hambúrguer no menu e na aba âncora estão abertos e o cursor está clicando em um ícone do menu.

Etapa 2 | Configure o botão do menu

Após adicionar o menu ao seu site, escolha o que exibir no botão: texto, um ícone ou ambos. Se necessário, você pode selecionar um novo ícone e/ou atualizar o texto como preferir.

Para configurar o botão:

  1. Clique no botão do menu hambúrguer na página.
  2. Clique no ícone Configurações .
  3.  Clique em Escolha o que exibir para definir o que os visitantes veem no seu site online:
    • Apenas ícone: apenas o ícone é exibido.
      • Substituir ícone: clique em Substituir ícone para escolher um novo ícone para o botão do menu. Você pode escolher entre uma variedade de opções gratuitas disponíveis no Wix ou fazer upload da sua própria.
      • Nome acessível: insira o nome acessível do ícone no campo. Observação: esse texto permite que os leitores de tela "leiam" o nome e entendam o propósito do botão. Ele não é exibido no seu site online.
    • Apenas texto: apenas o texto é exibido no botão.
      • Texto: insira o texto escolhido no campo.
    • Texto e ícone: o texto e um ícone são exibidos.
      • Substituir ícone: clique em Substituir ícone para escolher um novo ícone para o botão do menu. Você pode escolher entre uma variedade de opções gratuitas disponíveis no Wix ou fazer upload da sua própria.
      • Texto: insira o texto escolhido no campo.
O painel de configurações do botão do menu hambúrguer. O cursor está passando sobre o campo do nome acessível.

Etapa 3 | Gerencie os itens do menu

Escolha quais itens você deseja mostrar no menu. Se você definir o menu como avançado, você pode mostrar e ocultar itens do painel Gerenciar menu. Se você não ativar o menu avançado, você pode fazer as alterações desejadas no painel Páginas do site.

Para gerenciar seu menu:

  1. Clique no botão do menu hambúrguer na página.
  2. Clique em Editar menu para abrir o contêiner do menu.
  3. Selecione os itens do menu.
  4. Clique em Gerenciar menu.
  5. Use as opções para gerenciar os itens:
    • Adicione um item:
      1. Clique em Adicionar item de menu na parte inferior.
      2. Selecione e configure o tipo de item que você deseja adicionar.
    • Ocultar/mostrar um item:
      • Menus avançados:
        1. Clique no ícone Mais ações ao lado do item relevante.
        2. Clique em Ocultar do menu .
          Observação: para mostrar um item existente em um menu avançado, você precisa adicioná-lo usando os passos anteriores (Adicionar item). 
      • Menus normais:
        1. Clique no ícone Mais ações ao lado do item relevante.
        2. Clique em Ocultar do menu /Mostrar no menu .
O painel Gerenciar menu em um menu hambúrguer. O cursor clicou em Adicionar novo item e as opções são exibidas.

Etapa 4 | Configure o contêiner

Use as configurações de contêiner para escolher a aparência e o comportamento das páginas do seu site quando os visitantes abrem o menu.

Para configurar o contêiner:

  1. Clique no botão do menu hambúrguer na página.
  2. Clique em Editar menu para abrir o menu.
  3. Clique no contêiner.
  4. Clique em Configurações.
  5. Configure o contêiner da maneira que desejar:
    • Tocar fora para fechar: clique na alavanca para permitir que os visitantes fechem o menu quando clicam fora do contêiner.
    • Mostrar sobreposição de background: clique na alavanca para exibir uma sobreposição de background na página do site quando os visitantes abrirem o menu.
As configurações de um contêiner do menu hambúrguer. O cursor está clicando no toque fora da alavanca Fechar.
Qual é o próximo passo?

Esse artigo foi útil?

|
Neste artigo
  • Etapa 1 | Adicione um menu hambúrguer ao seu site
  • Etapa 2 | Configure o botão do menu
  • Etapa 3 | Gerencie os itens do menu
  • Etapa 4 | Configure o contêiner

Contrate um profissional

Encontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Encontre um Parceiro