Produtos

Como revisar breadcrumbs e a navegação do catálogo

Breadcrumbs, menu e links de retorno formam uma pequena trilha de segurança para quem está comprando. Quando todos mostram a mesma hierarquia, o cliente

  • Publicado em 19/09/2026
  • Atualizado em 22/09/2026
  • Equipe do Interago

Breadcrumbs, menu e links de retorno formam uma pequena trilha de segurança para quem está comprando. Quando todos mostram a mesma hierarquia, o cliente entende onde está, consegue voltar e encontra outra categoria sem começar tudo de novo.

Função

Use este guia para revisar a navegação do catálogo do ponto de vista do cliente. Ele ajuda a conferir a relação entre categoria pai, categoria filha, listagem, produto, menu e breadcrumbs quando o layout SaaS exibir esses elementos.

A revisão não exige edição técnica. Ela compara o que foi organizado no painel com o caminho que aparece na loja publicada.

Como chegar

  1. Entre no painel Interago e selecione o website correto em Meus websites.
  2. Abra Menu → Extensões → Catálogo e confira a área de categorias.
  3. Revise Config para confirmar o caminho principal do catálogo.
  4. Abra Menu → Páginas e confira páginas, blocos e links que levam ao catálogo.
  5. Use Ver loja ou abra a loja pública para fazer o percurso como cliente.

O que uma boa trilha precisa mostrar

Em uma jornada simples, a pessoa consegue reconhecer:

Home → Catálogo → Categoria pai → Categoria filha → Produto

O nome de cada etapa precisa combinar com o que foi cadastrado. Se a categoria se chama Casa, o breadcrumb não deve aparecer como Linha 01. Se o produto pertence a Casa → Cozinha, a página precisa permitir retorno para os dois níveis quando o layout oferecer essa navegação.

Breadcrumbs não substituem o menu. O menu ajuda a começar; a trilha ajuda a se localizar no meio do caminho.

Passo a passo feliz

1. Confira a árvore no Catálogo

  1. Abra a área Categorias.
  2. Leia os nomes de cima para baixo.
  3. Confirme que cada categoria filha está ligada à categoria pai correta.
  4. Procure nomes repetidos, abreviações e categorias vazias.
  5. Separe duas ou três categorias para testar na loja.

Se a estrutura estiver confusa, corrija primeiro a árvore. Para criar a relação entre pai e filha, use Como cadastrar categoria pai e filha.

2. Confira a entrada do catálogo

Abra o caminho principal configurado em Config e faça uma entrada pela Home. O menu, o botão da Home e qualquer bloco de produtos devem levar à mesma listagem principal.

Se houver mais de uma porta para o catálogo, confirme que nenhuma está apontando para uma página antiga ou para uma campanha encerrada. Para ajustar o caminho principal, consulte Como configurar o caminho do catálogo na prática.

3. Abra uma categoria pai e uma filha

Na loja pública, teste uma categoria pai e depois uma filha. Observe:

  • o nome mostrado no topo da página;
  • a listagem de produtos;
  • o menu ou botão de retorno;
  • a ordem dos níveis;
  • a presença de breadcrumbs, quando o modelo os oferecer.

Clique em cada nível do breadcrumb. O nível pai deve abrir a listagem correspondente, e o início do catálogo deve continuar acessível.

4. Abra um produto e volte pela trilha

Escolha um produto da categoria e confira se a página mostra um caminho de retorno. Leia o breadcrumb da esquerda para a direita e compare com a árvore do painel.

Se o produto pertence a mais de uma categoria, observe qual caminho o layout escolheu. O importante é que o cliente tenha um retorno compreensível. Quando o modelo não mostrar breadcrumbs em todos os lugares, mantenha um botão ou link claro para a categoria e para o catálogo.

5. Revise menu e blocos

Abra Menu → Páginas e confira os destinos dos blocos que apresentam categorias:

  1. o texto do botão combina com o destino?
  2. o link leva à página publicada correta?
  3. o bloco é próprio ou compartilhado?
  4. a categoria ainda existe e tem produtos?
  5. o retorno para o catálogo continua fácil?

Para uma página de categoria com apresentação visual, veja Como criar uma página de categoria com bloco.

6. Teste em tela pequena

Repita o caminho no celular ou no modo de tela pequena:

  1. Home;
  2. menu;
  3. catálogo;
  4. categoria pai;
  5. categoria filha;
  6. produto;
  7. retorno pela trilha ou pelo botão.

Veja se o breadcrumb cabe, se os nomes não ficam cortados e se o menu não esconde o acesso ao catálogo. Uma trilha curta é mais alegre de usar.

7. Atualize depois de corrigir

Se você alterou categorias, links, páginas ou blocos, salve cada tela e use Publicar ou Atualizar quando o painel indicar.

Depois faça o percurso novamente em uma janela nova. Isso ajuda a confirmar que você está vendo a versão pública e não apenas uma prévia do editor.

Se o breadcrumb não aparecer

Primeiro confirme se o modelo da loja SaaS oferece esse elemento naquela página. Nem todo formato mostra a mesma trilha em todas as telas.

Se a opção estiver disponível no layout, ative ou revise-a no painel e teste novamente. Se não estiver, ofereça um retorno claro com menu, botão ou link para a categoria e para o catálogo. Não tente resolver isso editando arquivos do tema.

Se o nome está errado, corrija a categoria no Catálogo e atualize a loja. Se apenas um botão aponta para o lugar errado, ajuste o bloco ou a página responsável por ele.

Checklist impresso

  • [ ] O website correto foi selecionado.
  • [ ] A árvore pai e filha está clara no Catálogo.
  • [ ] O caminho principal do catálogo está correto.
  • [ ] Home, menu e blocos levam à listagem esperada.
  • [ ] O breadcrumb combina com os nomes das categorias.
  • [ ] Categoria pai, filha e produto abriram corretamente.
  • [ ] O retorno pela trilha ou pelo botão funciona.
  • [ ] Links compartilhados tiveram o alcance conferido.
  • [ ] A leitura no celular está confortável.
  • [ ] As correções foram salvas, publicadas e atualizadas.

Artigos relacionados

Este artigo foi útil?