Central de Atendimento Nuvem Configure sua loja Layout Páginas, categorias, barra de navegação e Rodapé Barra de navegação e Rodapé

Como criar um submenu do tipo "Cascata" no Menu Principal da minha loja?

Passos para criar e adicionar um submenu na barra de navegação com links, páginas e categorias.

Última atualização: 10/02/2022

Na Nuvemshop, você pode criar um Submenu em formato de "Cascata" no menu de navegação que direcionam seu cliente para qualquer página interna ou externa à loja virtual. Esse recurso é uma ótima alternativa para organizar as categorias e páginas, reunir informações complementares e apresentá-las juntas.

Neste tutorial, te mostraremos como criar um submenu do zero e adicioná-lo no menu principal da loja.

Criando o submenu

1. Acesse o painel administrador Nuvemshop.

2. Siga pelo caminho "Minha Nuvemshop > Barras de navegação".

3. Agora, clique no botão "Criar um novo menu".

4. No campo Nome do novo menu, escreva o nome do novo menu, por exemplo: Saiba mais, Outras informações, Ajuda, etc. Feito isso, clique em "Criar novo menu" para criar o menu, igual o exemplo abaixo:


5. Com o menu criado, insira os links, páginas ou categorias no novo menu, basta clicar em "+ Adicionar um novo link Saiba mais!" (no seu caso estará o nome do menu que você criou).

6. Abrirá um formulário com os campos Nome e Apontar que devem ser preenchidos da seguinte forma:

Nome:

Coloque o nome  do submenu que aparecerá, onde seu cliente clicará para acessar o link, página ou categoria.

Delete

Apontar para:

Escolha a opção que melhor corresponde ao endereço onde você quer direcionar seu cliente.

Delete


7. Na opção Apontar para, quando clicar na seta, expandirá um menu com algumas opções de direcionamento:


Abaixo, explicamos como cada opção funciona e para onde apontar:

Home

Apontar o menu para a opção Home, toda vez que alguém clicar nesse botão na barra de navegação, irá retornar para a página inicial da loja virtual. 


Clique no botão abaixo para ver como funciona:

Exemplo

Delete
Delete

Contato

Apontando para opção Contato permite adicionar no menu a página padrão de contato da loja virtual. Ao acessar a página de contato, é possível visualizar as informações e formulário de contato.


Delete

Success

Para apresentar os dados de contato de sua loja, você deve fornecer algumas informações do seu negócio. Para saber mais, consulte o tutorial 📝 Como adicionar minhas informações de contato?.


Clique no botão abaixo para ver como funciona:

Exemplo

Delete
Delete

Categorias

A opção Categorias permite apontar qualquer categoria ou subcategoria da loja para a Barra de navegação.


Ao selecionar o apontamento para Categorias, aparecerá outra opção para selecionar algum categoria ou subcategoria


Delete

Info

Apontando para a opção "Todas", irá gerar um atalho no menu para acessar todos os produtos da loja


Clique no botão abaixo para ver como funciona:

Exemplo

Delete


Delete

Success

Para adicionar as categorias na barra de navegação, é necessário criá-las. Para saber mais, consulte o tutorial📝 Como criar categorias e subcategorias?.


Surgindo alguma dúvida de como incluir as categorias na Barra de navegação da loja, basta siga os passos do tutorial abaixo:

📝 Como adicionar as categorias na barra de navegação?
Delete

Página

Na opção Página é possível apontar qualquer Página de conteúdo para aparecer na Barra de Navegação


Delete

Success

 Se sua loja ainda não possui Páginas conteúdos, para saber como criar, consulte o tutorial📝 Como criar páginas de conteúdo?.


Clique no botão abaixo para ver como funciona:

Exemplo

Delete
Delete

Essa opção permite apontar para qualquer Menu interno na barra de navegação. Por exemplo: Menu > Submenu:

No exemplo abaixo, criamos um Menu chamado específico. Para isso, basta clicar no botão "Criar um novo Menu" e atribua o nome de "Outras informações".


Em seguida, no Menu principal, faça o apontamento para o Menu Outras informações, igual o exemplo abaixo:


Clique no botão abaixo para ver como funciona:

Exemplo

Delete
Delete

URL

A opção URL permite apontar para qualquer página específica, interna (da sua loja virtual) ou externa (Sites, Blog, Rede sociais, etc). Basta colar a URL da página no campo.

Clique no botão abaixo para ver como funciona:

Exemplo

Delete
Delete


8. Depois de preencher, é só clicar em "Adicionar um novo link em Saiba mais!" (Lembrando que estará o nome do menu que você criou).


9. Repita os passos até completar a inclusão de todos os links, páginas e categorias no submenu e siga para a próxima etapa 👉 Adicionando o submenu ao Menu Principal.

Adicionando o submenu ao Menu Principal

Com o submenu criado, vamos apontá-lo para Menu de navegação principal da sua loja loja virtual, para isso, basta seguir os passos abaixo:

1. Vá em "Minha Nuvemshop > Barra de navegação", no Menu principal, clique em "+ Adicionar um novo link em Menu principal".

2. Em seguida, preencha o formulário da seguinte maneira:

  • Nome: coloque o nome que quiser, no exemplo colocamos o mesmo nome do menu "Saiba mais!";
  • Apontar para: escolha a opção Menu;
  • No último campo: escolha o menu que acabou de criar, no exemplo colocamos "Saiba mais!".


3. Para concluir, clique em "Adicionar um novo link em Menu Principal".

4. No exemplo abaixo, criamos dois Submenus, um com o nome de Saiba mais! e o outro Ajuda. Veja como o menu de navegação ficou mais organizado.


Pronto! 🙌 seu submenu do tipo "Cascata" já estará criado no Menu principal de sua loja. 

O artigo ajudou você?