As “Tags” são palavras-chave que servem para classificar os produtos.
Na Loja HostGator você pode usar as tags para exibir produtos em uma seção específica na vitrine, personalizando ainda mais sua loja e também para direcionar o cliente a uma página com todos os produtos que possuem a tag vinculada.
Veja como:
- Exibir na vitrine os produtos com tag
- Adicionar no “Menu Principal” um item para acessar a página dos produtos com tag
- Acessar a página da tag para visualizar os produtos
- - -
Exibir na vitrine os produtos com tag
Para essa configuração, você precisa criar as tags e adicionar elas no cadastro dos produtos. Feito isso, para que seja exibido na página inicial da loja, será necessário solicitar ao suporte que habilite o recurso.
Veja abaixo como fazer, seguindo as 2 etapas:
- - -
Etapa 1: Criar as tags
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 “Textos”, clique em Configurar
4. Na tela “Textos”, desça a página até a seção Elemento Tag - Vitrine e no campo “Tags”, informe todas as tags que deseja criar - Por exemplo: Promoção, Black Friday, Mais Vendidos.
Atenção: A cada tag inserida pressione a tecla “Enter” - Para gerar cada uma separada. A tag será exibida na cor azul e com o símbolo “x” para que possa remover caso deseje.
5. Ao concluir, clique em Salvar Configurações
- - -
Etapa 2: Vincular as tags a um produto
1. No menu lateral da plataforma, clique em Produtos
2. No produto que deseja inserir a tag, clique no ícone de lápis (Editar)
3. Na tela para editar o produto, clique na aba Infos Adicionais
4. Em seguida, desça a página até a seção “Tags” e informe as que deseja vincular - Para que este recurso funcione, escreva a tag exatamente conforme criou na Etapa 1 - Passo 4.
Atenção: A cada tag inserida pressione a tecla “Enter” - Para inserir cada uma separada. A tag será exibida na cor azul e com o símbolo “x” para que possa remover caso deseje.
5. Para concluir, clique em Salvar
6. Agora, para que os produtos sejam exibidos na vitrine com as tags inseridas, solicite ao suporte através deste formulário
- - -
Adicionar no “Menu Principal” um item para acessar a página dos produtos com tag
Para que o cliente possa localizar com mais facilidade os itens que ele deseja, você pode direcionar a uma página onde serão exibidos todos os produtos que possuem a tag.
Para esse direcionamento, você precisar criar as tags e adicionar um item no “Menu Principal”.
Veja como fazer, seguindo as 2 etapas:
- - -
Etapa 1: Criar as tags no produto
1. No menu lateral da plataforma, clique em Produtos
2. No produto que deseja inserir a tag, clique no ícone de lápis (Editar)
3. Na tela para editar o produto, clique na aba Infos Adicionais
4. Em seguida, desça a página até a seção “Tags” e informe as que deseja vincular - Para que este recurso funcione, escreva a tag exatamente conforme criou na Etapa 1 - Passo 4.
Atenção: A cada tag inserida pressione a tecla “Enter” - Para inserir cada uma separada. A tag será exibida na cor azul e com o símbolo “x” para que possa remover caso deseje.
5. Para concluir, clique em Salvar
- - -
Etapa 2: Adicionar um item no “Menu Principal”
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 Menu Principal
6. Selecione abaixo o “Tipo de menu" que já possui em sua loja e veja como fazer:
- - -
Menu de categoria
7. No menu lateral, clique em Produtos
8. Na tela de “Produtos”, clique na aba Categorias
9. Você pode editar uma categoria que já possui cadastrada - Para isso, clique no ícone de lápis (Editar) ou para adicionar uma nova, clique em Adicionar
10. Na tela para adicionar/editar a categoria, preencha as informações conforme indicado abaixo:
A) Categoria ativa - marque a caixa de seleção para que a categoria fique visível para os clientes;
B) Categoria pai - é a categoria principal e pode ter subcategorias (categorias filhas). Ao selecionar a “categoria pai”, as que estiverem abaixo dela se tornarão as subcategorias - Por exemplo: Categoria pai: “Promoção”; categorias filhas: “Desconto 20%, Desconto 50%”.
Para criar:
- Categoria principal - não altere este campo, mantenha a opção Selecione;
- Categoria secundária - selecione a categoria principal que a subcategoria irá pertencer;
C) Nome - dê um nome para a nova categoria/subcategoria - Este nome que será exibido no “Menu principal” da loja;
D) Endereço da categoria - clique no ícone de lápis (Editar) e informe o link da página da tag - A URL da categoria precisa ser informada da seguinte forma: t + / + nome da tag criada
Por exemplo: t/black-friday
Para tags criadas com espaço, coloque sempre um hífen entre as palavras.
Atenção: Caso a tag criada tenha caracteres especiais, como “%” - não adicione o caractere, pois irá dar erro na página.
Por exemplo: A tag criada é “Desconto 20%”, para acessar, digite no final da URL apenas “Desconto-20”
11. Para concluir, clique em Salvar
Acesse a loja e confira no “Menu principal” o item de categoria adicionado - Que direciona para a página da tag.
- - -
Menu personalizado
7. Você pode editar um “Item de menu” que já possui cadastrado - Para isso, clique no ícone de lápis (Editar) ou para adicionar um “Novo item de menu”, clique em Adicionar
8. 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 "Menu Principal” para ser o item “pai” ou para submenu, selecione a opção que se inicia com um traço “_” - Por exemplo: _Desconto 50%
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 que será exibido no “Menu principal”;
F) Endereço da Página de Destino - informe o link da página da tag - A URL da categoria precisa ser informada da seguinte forma: t + / + nome da tag criada
Por exemplo: t/black-friday
Para tags criadas com espaço, coloque sempre um hífen entre as palavras.
Atenção: Caso a tag criada tenha caracteres especiais, como “%” - não adicione o caractere, pois irá dar erro na página.
Por exemplo: A tag criada é “Desconto 20%”, para acessar, digite no final da URL apenas “Desconto-20”
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.
9. Para concluir, clique em Salvar
Acesse a loja e confira no “Menu principal” o item adicionado - Que direciona para a página da tag.
- - -
Acessar a página da tag para visualizar os produtos
Toda tag criada e vinculada a um produto gera uma página, onde todos os produtos que possuem a tag são exibidos - Se necessário, veja como exibir na vitrine os produtos com tag ou como adicionar no “Menu Principal” um item para a tag
Veja como fazer o acesso:
- - -
Através da URL
Para acessar a página e ver todos os produtos vinculados a uma determinada tag, tem um link padrão.
Veja como acessar:
1. Na barra do navegador, digite as palavras e os símbolos destacados:
https://domínio da sua loja + / + t + / + nome da tag criada
Por exemplo: https://sualoja.com.br/t/desconto-20
Para tags criadas com espaço, coloque sempre um hífen entre as palavras.
Atenção: Caso a tag criada tenha caracteres especiais, como “%” - não adicione o caractere, pois irá dar erro na página.
Por exemplo: A tag criada é “Desconto 20%”, para acessar, digite no final da URL apenas “Desconto-20”
Em seguida, será exibida a página com todos os produtos que tem a tag adicionada
- - -
Através do produto vinculado
1. Na loja, na página do produto, desça até a seção “Tags do produto”, clique na tag que deseja
2. Em seguida, será exibida a página com todos os produtos que tem a tag adicionada
Caso fique com alguma dúvida, entre em contato com o suporte através deste formulário