Os menus são para organizar o conteúdo da loja e direcionar seus clientes para a página ou local que você deseja.
Geralmente, os mais utilizados são o “Topo”, o “Principal” e o “Rodapé”.
Em cada um dos menus você pode configurar os “Itens de menu” - Eles são as opções dentro do menu que direcionam para um local.
Veja abaixo:
- Detalhes sobre os menus disponíveis (Topo, Principal, Rodapé, Inferior e Lateral)
- Como adicionar um item de menu
- Como adicionar um item de submenu
- Como gerenciar um item de menu/submenu (Editar, excluir, reordenar, ativar e desativar)
- - -
Detalhes sobre os menus disponíveis
- - -
Topo
Como o nome já diz, este menu é exibido na parte superior da loja, próximo ao início da página e alinhado à esquerda - Por padrão já vem habilitado os itens de menu “Quem Somos, Meus Pedidos” e Fale Conosco”.
- - -
Principal
O menu é exibido na parte superior e fica centralizado no cabeçalho da loja.
No menu principal, você pode configurar para serem exibidas as categorias ou adicionar os itens de menu que deseja.
- Menu de categoria - com essa opção selecionada, serão exibidas todas as categorias e subcategorias cadastradas e ativas na loja - Se necessário, veja como cadastrar e gerenciar categorias
- Menu personalizado - com essa opção selecionada, você pode definir quais itens de menu serão exibidos, o que permite direcionar o cliente para diferentes páginas - Por exemplo: Por padrão já vem habilitado “Promoções, Lançamentos, Mais Vendidos e Contato”.
O item de menu “Home” é disponibilizado por padrão nas duas opções. Ele é importante para que durante a navegação na loja, o cliente volte para a página principal com facilidade.
Atenção: O “Tipo de menu categoria” não irá refletir na versão celular da sua loja - Você deve configurar o "Menu personalizado".
- - -
Rodapé
Como o nome já diz, este menu é exibido na parte inferior da loja.
Nele são exibidos os itens de menu relacionados à parte institucional da loja (“Quem somos, Onde estamos, mapa do site, etc.), informações úteis (termos e políticas da loja), endereço, formas de pagamento, canais de atendimento, redes sociais, cadastro para newsletter, certificados da loja, entre outros, que você pode configurar como desejar.
- - -
Inferior
Este menu é exibido na loja acima no menu do rodapé e você também pode adicionar os itens que desejar - Porém, para habilitar este menu é necessário solicitar ao suporte - para isso, envie a solicitação através deste formulário.
- - -
Lateral
Este menu é exibido na parte superior e na lateral da página da loja. Você também pode adicionar os itens de menu que desejar.
Atenção: Este menu estará disponível para configurar se a sua loja estiver com o modelo de disposição de layout 2, 3 ou 4 (os quais possuem uma coluna no layout) - Se necessário, veja como alterar
- - -
Como adicionar um item de menu
1. Na plataforma da Loja HostGator, no menu superior, clique em Aplicativos - Se necessário, veja como acessar a plataforma
2. Em seguida, clique em Aparência
3. Na opção Menus, clique em Configurar
4. Na modal que abrir, clique em Acessar Configuração
5. Na tela “Menus”, serão listados todos os disponíveis na plataforma - Menu topo, principal, rodapé, inferior e lateral - Se necessário, veja em detalhes sobre cada um.
Em alguns já constam itens de menu criados - Por exemplo: No menu topo, constam “Quem somos, Meus Pedidos e Fale Conosco” - Para configurar, clique no ícone de lápis (Editar)
Para inserir um novo item de menu, clique em Adicionar
6. Na tela para adicionar/editar o item de menu, preencha as informações conforme indicado abaixo:
A) Menu ativo - marque a caixa de seleção para que o item de menu fique visível para os clientes;
B) Exibe no Mobile - marque a caixa de seleção caso deseje que o menu fique visível também na loja para a versão celular;
C) Menu - selecione o menu que deseja adicionar o item - Se no Menu Topo, Principal, Rodapé, Inferior e Lateral;
D) Classes adicionais - não é necessário configurar este campo - Ele é específico para criar estilos através do CSS Personalizado (exige conhecimento em programação);
E) Nome - informe o nome do item de menu - Ele será exibido na loja, no menu que selecionou acima - Item “C”;
F) Endereço da Página de Destino - informe o link da página da loja para onde o cliente será direcionado ao clicar - Por exemplo, se irá direcionar para uma categoria, informe o final da URL: /camisetas;
Atenção: Caso seja uma página extra, certifique-se de adicionar “/p/” - Por exemplo na página “Quem somos”: /p/quem-somos
G) Forma de Destino - defina se ao clicar no item de menu, o conteúdo abrirá na mesma página ou em uma nova janela.
7. Para concluir, clique em Salvar
- - -
Como adicionar um item de submenu
O submenu é qualquer item de menu que será criado a um já existente.
Na loja o item de menu irá exibir mais opções para clicar.
Veja abaixo como fazer:
1. Na plataforma da Loja HostGator, no menu superior, clique em Aplicativos - Se necessário, veja como acessar a plataforma
2. Em seguida, clique em Aparência
3. Na opção Menus, clique em Configurar
4. Na modal que abrir, clique em Acessar Configuração
5. Na tela “Menus”, clique em Adicionar
6. Na tela para adicionar o item de menu, preencha as informações conforme indicado abaixo:
A) Menu ativo - marque a caixa de seleção para que o item de submenu fique visível para os clientes;
B) Exibe no Mobile - marque a caixa de seleção caso deseje que o submenu fique visível também na loja para a versão celular;
C) Menu - serão listados todos os menus e os itens de menu (os itens de menu se iniciam com um traço “_” - Por exemplo: _Meus Pedidos;
Localize o menu que deseja e clique no item de menu para o qual irá criar o submenu - Caso você ainda não tenha criado o item de menu, veja como fazer
D) Classes adicionais - não é necessário configurar este campo - Ele é específico para criar estilos através do CSS Personalizado (exige conhecimento em programação);
E) Nome - informe o nome do item de submenu - Ele será exibido na loja, no item de menu que selecionou acima - Item “C”;
F) Endereço da Página de Destino - informe o link da página da loja para onde o cliente será direcionado ao clicar - Por exemplo, se irá direcionar para uma categoria, informe o final da URL: /camisetas;
Atenção: Caso seja uma página extra, certifique-se de adicionar “/p/” - Por exemplo na página “Quem somos”: /p/quem-somos
G) Forma de Destino - defina se ao clicar no item de submenu, o conteúdo abrirá na mesma página ou em uma nova janela.
7. Para concluir, clique em Salvar
- - -
Como gerenciar um item de menu/submenu (Editar, excluir, reordenar, ativar e desativar)
1. Na plataforma da Loja HostGator, no menu superior, clique em Aplicativos - Se necessário, veja como acessar a plataforma
2. Em seguida, clique em Aparência
3. Na opção Menus, clique em Configurar
4. Na modal que abrir, clique em Acessar Configuração
5. Na tela “Menus”, clique no menu que deseja gerenciar
6. Veja abaixo em detalhes as ações que você pode realizar:
A) Ativar / desativar - você pode definir se o item de menu ficará visível ou não em sua loja;
B) Ordenar - serão listados os itens que constam no menu, clique no que deseja mudar a posição, arraste e solte na ordem que preferir.
No “Menu rodapé”, para deixar o item na primeira ou na segunda coluna, arraste um pouco para a direita (para ficar na primeira coluna) e para a esquerda (para ficar na segunda coluna).
C) Editar - clique no ícone de lápis (Editar) e faça as alterações que deseja - Alterar posição, nome, link, entre outros;
D) Excluir - clique no ícone de lixeira e em seguida, para confirmar clique em Ok - Opção para remover definitivamente o item de menu.
Caso fique com alguma dúvida, entre em contato com o suporte através deste formulário