Como cadastrar menus no topo da loja

Na plataforma simplo7 é possível a inclusão de um Menu Personalizado e um Menu de Categorias, esses menus são exibidos no topo da loja acima do banner principal, conforme exemplo abaixo:

Menu-Cadastro0

A diferença entre esses menus, é que o Menu de Categorias, possui a função de exibir todas as categorias e sub-categorias que você tem cadastrado na loja. Ou seja, no momento que você cadastra uma categoria na loja, dentro do menu automaticamente serão exibidas essas categorias.

E o Menu Personalizado, exibe na loja os menus com os itens que você deseja direcionar com alguma informação, por exemplo, você pode criar um menu chamado “Blog” e direcionar para o link do seu blog.

A plataforma já possui alguns menus criados, com páginas que já são redirecionadas e fixas na plataforma, por exemplo o menu Mais vendidos irá direcionar para a página de Mais Vendidos, na plataforma essa página nós chamamos de fixas, pois são informações que foram desenvolvidas para que exiba nessa página, seguindo o mesmo exemplo, essa página exibe todos os produtos mais vendidos, o mesmo acontece para a página de Promoções e Lançamentos.

Sendo assim, abaixo vamos realizar o cadastro de um menu personalizado, em poucos passos.

1- Acesse o painel da sua loja, clique no menu Configurações no topo da página, conforme marcação em vermelho:

Menu-Cadastro1

2- Após clique no menu Aparências, conforme marcação em vermelho:

Menu-Cadastro2

3 - Após clique em Menus, conforme marcação em vermelho:

Menu-Cadastro3

4 - E após clique na aba “MENU PRINCIPAL” conforme marcação em vermelho abaixo:

Menu-Cadastro4

5 - Na tela aberta abaixo, terá duas opções de menus para o TOPO, o menu personalizado e o menu de categorias conforme mencionamos anteriormente, clique na opção de “MENU PERSONALIZADO”

Menu-Cadastro5

6 - Será exibido um menu abaixo um do outro, para que você possa adicionar um novo menu neste, clique no botão em laranja ADICIONAR, conforme exemplo abaixo:

Menu-Cadastro8
7 - Após será aberto um box com as informações para adicionar este menu no lado direito da sua tela, conforme localização da seta em vermelho abaixo:

Menu-Cadastro7
Abaixo a descrição de cada informação nesse box.

Marcar Ativo: Selecione essa opção para que seu menu seja exibido

Exibir no Mobile: Selecione essa opção para que esse menu seja ou não exibido no layout em mobile.

Menu: É o local que será exibido este menu, neste cadastro será o “Menu Principal”

Nome: É o nome do menu

Página de Destino: E o link que deseja direcionar ao clicar neste menu.

Classes adicionais:  São informações que se você possui conhecimentos em CSS poderá informar um nome neste campo, para realizarmos as modificações no CSS. Caso contrário, deixe este campo em branco.

Forma de Destino: É como será aberto este link após ser clicado, por exemplo, se deseja que abra na mesma janela da loja, ou será aberta uma nova.

Criando o menu para direcionar para um blog

Vamos fazer um exemplo utilizando um link externo, direcionando para um exemplo de menu que direciona para um BLOG.

Na opção Nome, deixamos como Blog, e na página de destino vamos copiar e colar do link do blog diretamente neste campo, deixando as informações de “http:”, e também na Forma de Destino, selecionamos para “Nova Janela”, desta forma não sairá da loja virtual, exatamente conforme o exemplo abaixo:

Menu-Cadastro9

Criando um menu para uma página extra

Você pode fazer o mesmo para que o menu seja direcionado para uma página extra na loja, o que mudará neste caso é a página de destino, quando você utiliza links de páginas extras da loja, deverá sempre informar “/p/” na frente do slug da sua página. Pois essa informação é o caminho que a plataforma identifica, que está direcionando uma página da loja. 

Para saber a url da página, acesse o menu Configurações >> Minha Loja >> Paginas Extras, vamos utilizar como exemplo a página de “Quem Somos”.

Veja no campo URL que está dessa maneira: “quem-somos” conforme imagem de exemplo abaixo:

Menu-Cadastro10

Copie essa informação de url, no campo de página de destino, você informará o seguinte: /p/quem-somos, ficará conforme abaixo:

Menu-Cadastro11
Criando um menu para direcionar para um produto

Da mesma maneira que exibido acima, utilize a url então gerada para o produto ou a categoria, e copie no campo de destino, conforme exemplo abaixo:

 

Menu-Cadastro12

E cole no menu, dentro do campo Página de destino, exatamente como você copia da página de produto, porém informe uma “/” na frente do link, conforme exemplo abaixo:

Menu-Cadastro15
Criando um menu para direcionar para uma categoria

Para direcionar para uma Categoria, copie o slug da categoria, conforme exemplo abaixo:

 

Menu-Cadastro11

E cole no menu, dentro do campo Página de destino, exatamente como você copia da página de categoria, porém informe uma “/” na frente do link, conforme exemplo abaixo:

Menu-Cadastro17

Veja abaixo como vai ficar na vitrine da loja com esses menus, Blog, Quem Somos, Produto e Categoria.

Menu-Cadastro19

Você pode criar diversos menus, e direcionar para onde desejar, só precisará verificar se essas urls são da loja ou externas e manter o mesmo padrão de informação conforme mostramos acima.

Exibir no topo o menu de categorias

Para exibir no topo o menu de categorias, você só precisará ativar nessa tela, “MENU DE CATEGORIAS”, pois conforme mencionamos acima o menu informa automaticamente as categorias que já tem cadastradas na loja, veja exemplo abaixo:

Menu-Cadastro20

A Simplo7 é uma plataforma de loja virtual voltada para micro e pequenos empreendedores. Nós oferecemos plataformas de e-commerce hospedadas na nuvem e sem taxa de setup. Nossas principais características são pageviews ilimitados, controle de estoque, domínio próprio, visual personalizável, edição de CSS, páginas otimizadas para o Google com URL amigáveis, suporte a dispositivos móveis e opções personalizadas de módulos adicionais.