Como Exibir Categorias e Tags de Produtos no WooCommerce 

Quer saber como exibir categorias de produtos no WooCommerce em sua loja ou página inicial?

Exibir categorias ajuda a organizar seus produtos, guiar os compradores para o lugar certo e aumentar as conversões. Neste guia, mostrarei passo a passo como adicionar e exibir categorias e tags de produtos do WooCommerce, sem necessidade de codificação. 

Resumo Rápido: Como Exibir Categorias de Produtos no WooCommerce

• Adicionar categorias à sua página inicial
• Mostrar categorias na página da loja
• Exibir categorias na sua barra lateral
• Adicionar categorias ao seu menu
• Mostrar subcategorias nas páginas da loja

Tutorial em Vídeo

Como Adicionar Categorias e Tags de Produtos no WooCommerce

Adicionar categorias e tags no WooCommerce é fácil. Você pode adicionar novas categorias e tags ao criar listagens de produtos ou no painel do WooCommerce.

Adicionando Categoria de Produto no WooCommerce

Siga estas etapas para adicionar categorias ou subcategorias de produtos no WooCommerce:

Primeiro, vá para Produtos » Categorias na sua área de administrador do WordPress. A partir daí, insira as informações da sua categoria de produto.

Você pode incluir:

• Nome
• Slug
• Categoria pai
• Descrição
• Tipo de exibição (produtos/subcategorias/ambos)
• Miniatura

Clique no botão Adicionar nova categoria para adicionar a listagem da categoria à sua lista.

Adicionando Tags de Produto no WooCommerce

Você pode seguir estas etapas para adicionar tags de produto no WooCommerce:

Primeiro, vá para Produtos » Tags na sua área de administrador do WordPress. Na página seguinte, você pode inserir as seguintes informações de tag:

• Nome
• Slug
• Descrição

Clique no botão Adicionar nova tag para adicionar a tag à sua lista.

Como Exibir Categorias de Produtos no Seu Site WooCommerce

Depois de aprender como adicionar categorias e tags de produtos ao WooCommerce, como exibi-las em sua loja online? Siga os métodos abaixo para mostrar categorias de produtos do WooCommerce e tags em diferentes seções da sua loja.

Exibir Categorias de Produtos do WooCommerce na Página Inicial

Primeiro, vamos ver como exibir a categoria de produtos na página inicial do seu WooCommerce. O WooCommerce não oferece uma maneira fácil de mostrar categorias de produtos na sua página inicial.

As opções atuais são:

• Use um tema WordPress compatível com WooCommerce que inclua seções de página inicial do WooCommerce.
• Edite seu tema e adicione o shortcode de categorias de produtos do WooCommerce.

Ambas as opções envolvem muito trabalho, por isso recomendamos o uso de um construtor de sites como o SeedProd para personalizar sua loja WooCommerce.

SeedProd é o melhor construtor de sites para WordPress. Ele permite que você crie sites WooCommerce inteiros, páginas de destino e temas WordPress personalizados sem código.

Você pode escolher entre centenas de modelos prontos e personalizá-los facilmente no construtor de páginas de arrastar e soltar. O SeedProd oferece muitos blocos e seções para adicionar conteúdo WooCommerce ao seu site com alguns cliques.

Siga estas etapas para usar o SeedProd e adicionar categorias de produtos à sua página inicial.

Passo 1. Instale e Ative o SeedProd

Para começar, baixe o plugin SeedProd, instale-o e ative-o em seu site WordPress. Você pode seguir este guia sobre como instalar um plugin WordPress se precisar de ajuda.

Observação: Você precisará de um plano SeedProd Elite para acessar os recursos do WooCommerce.

Em seguida, vá para SeedProd » Configurações, insira sua chave de licença e clique em Verificar Chave. Isso desbloqueará os recursos do seu plano escolhido.

Você pode encontrar sua chave de licença na área da sua conta SeedProd, na aba Downloads.

Etapa 2. Crie um Tema WooCommerce Personalizado

O próximo passo é criar um tema personalizado para o seu site WooCommerce. Isso permitirá que você personalize todas as partes do seu site com o poderoso editor visual do SeedProd.

Para fazer isso, vá para SeedProd » Theme Builder e clique no botão Temas.

Você verá uma biblioteca de temas WordPress profissionais nesta tela. Eles são uma excelente maneira de criar sites impressionantes sem contratar um desenvolvedor, e você não precisará começar do zero.

Simplesmente passe o mouse sobre um tema que você gosta e clique no ícone de checkmark.

O SeedProd criará automaticamente todos os diferentes modelos para o seu tema e os listará no painel do Theme Builder. A partir daí, você pode personalizar cada modelo no editor visual.

Etapa 3. Personalize sua página inicial do WooCommerce

Para exibir categorias na sua página inicial do WooCommerce, você precisará editar o modelo da Página Inicial. Encontre o modelo na sua lista e clique no link “Editar Design” para abri-lo no construtor de páginas do SeedProd.

Personalizar sua página inicial com o SeedProd é super fácil. Existem blocos e seções à esquerda e uma visualização ao vivo à direita.

Adicionar um bloco de conteúdo à sua página é tão simples quanto arrastar e soltar. Você pode então clicar em qualquer elemento para editar seu conteúdo e configurações de estilo.

Existem 2 maneiras de exibir categorias de produtos na sua página inicial com o SeedProd:

1. Exibir produtos por categoria
2. Adicionar o widget de Categoria de Produto do WooCommerce

Para usar a primeira solução, encontre o bloco "Grade de Produtos" na seção de blocos do WooCommerce. Em seguida, arraste o bloco para uma seção ou linha em sua página inicial.

Clique na grade de produtos para abrir o painel de configurações no lado esquerdo. Nesse painel, selecione "Consulta Personalizada" no menu suspenso Tipo e ative o seletor "Selecionar por Categoria".

Você pode escolher quais produtos de qual categoria exibir na grade. Você pode selecionar várias categorias pressionando a tecla shift.

Agora, apenas os produtos de suas categorias escolhidas serão exibidos em sua página inicial.

Você pode seguir etapas semelhantes para exibir apenas produtos por tag. Simplesmente ative a opção "Selecionar por Tag" e escolha quais tags incluir nas opções.

Você também pode usar widgets nativos do WooCommerce no editor visual do SeedPod, incluindo o widget de categorias de produtos.

Para fazer isso, vá para a seção de blocos de Widgets e encontre o widget "Categorias de Produtos". Em seguida, arraste-o para o local em seu design de página inicial.

Clicar no widget permite que você:

• Escolha um título para o widget
• Ordene as categorias por nome
• Mostrar como menu suspenso
• Mostrar contagem de produtos
• Mostrar hierarquia
• E mais

Você também pode controlar as opções de estilo do widget na aba Avançado.

Etapa 4. Personalize o Resto da Sua Loja WooCommerce

Agora você pode prosseguir para editar os outros templates do seu tema WooCommerce.

Aqui estão alguns guias para ajudar:

• Como personalizar o cabeçalho do seu WordPress
• Como criar um template de post único personalizado
• Como criar uma página de checkout WooCommerce personalizada
• Como adicionar um carrinho de compras ao WordPress

Você também pode ler o restante deste artigo para aprender como exibir categorias de produtos em sua barra lateral e menu de navegação.

Etapa 5. Publique seu tema WooCommerce

Quando estiver satisfeito com a aparência do seu tema, vá para SeedProd » Theme Builder e, no canto superior direito, ative o seletor Ativar Tema SeedProd para a posição "ligado".

Agora você pode visualizar sua página inicial para ver como ela fica.

Exibir Categorias na Página da Loja WooCommerce

Além da sua página inicial, você pode usar o SeedProd para exibir categorias em sua página de loja WooCommerce.

Para fazer isso, vá para SeedProd » Theme Builder e clique em Editar Design no template "Página da Loja".

A página agora será aberta no editor visual, onde você pode personalizar o design da sua página da loja. Siga as etapas do método anterior para exibir seus produtos por categoria.

Alternativamente, você pode criar uma grade separada para cada categoria de produto. Por exemplo, você pode ter uma grade para bebidas, outra para cuidados com o cabelo, etc.

Você também pode usar o método anterior para exibir suas categorias de produtos em uma lista ou menu suspenso em sua página inicial.

Simplesmente adicione uma nova coluna à sua página da loja e arraste o widget "Categorias de Produtos".

Aqui está um exemplo de como isso ficaria em tempo real:

Mostrar Categorias do WooCommerce na Página da Loja

Alguns proprietários de sites podem não querer criar um novo tema para exibir tags e categorias de produtos. Nesse caso, você pode usar as configurações padrão da loja do WooCommerce para exibir as categorias.

Acesse Aparência » Personalizar, em seguida, clique em WooCommerce e Categorias de Produtos.

Na seção "Exibição da página da loja", selecione Exibir categorias.

O WooCommerce oferece algum controle sobre o layout de suas categorias usando configurações integradas. Você pode optar por exibir subcategorias, produtos ou ambos, dependendo de como deseja que o layout de sua categoria WooCommerce apareça.

Exibir Subcategorias do WooCommerce no Layout da Loja

Você também pode usar as configurações padrão do WooCommerce para exibir subcategorias na página da loja.

Para fazer isso, acesse Aparência » Personalizar » WooCommerce » Catálogo de Produtos, e na seção "Exibição de categoria", selecione "Exibir subcategorias" no menu suspenso.

Lembre-se de clicar no botão Publicar para salvar suas alterações.

Adicionar Categorias de Produtos do WooCommerce à Barra Lateral

Adicionar categorias de produtos à barra lateral do seu site é uma excelente maneira de ajudar os compradores a encontrar o que precisam rapidamente. Felizmente, o SeedProd permite que você adicione barras laterais personalizadas ao WordPress facilmente.

Para personalizar uma barra lateral com o SeedProd e exibir suas categorias de produtos, acesse SeedProd » Theme Builder e abra o modelo de Barra Lateral.

Você pode arrastar o bloco Product Grid e personalizar as opções de exibição da consulta para mostrar produtos de uma categoria ou tag.

Usamos 2 blocos Product Grid para exibir 2 categorias diferentes em nossa barra lateral de blog neste exemplo.

Exibir Categoria de Produto do WooCommerce no Menu de Navegação

Adicionar categorias de produtos ao seu menu do WooCommerce é igualmente fácil. Acesse Aparência » Menus, em seguida, clique na guia Opções de Tela no canto superior direito.

Nesse painel, clique na caixa de seleção "Categorias de produtos". Isso exibirá todas as suas categorias do WooCommerce na tela do menu.

Em seguida, abra a guia "Categorias de produtos", selecione todas as categorias que você deseja adicionar ao seu menu e clique no botão Adicionar ao Menu. 

Você pode então arrastá-las para alterar sua posição no menu. Por exemplo, você pode aninhá-las sob sua Página da Loja para mostrar um menu suspenso de categorias.

Lembre-se de salvar seu menu antes de prosseguir. Isso cria um menu de categorias do WooCommerce limpo que ajuda os compradores a navegar rapidamente por seção.

Agora, você pode visitar a página inicial do seu site e ver as categorias de produtos em seu menu de navegação do WooCommerce.

Mais Maneiras de Personalizar o WooCommerce

Exibir categorias e tags de produtos é apenas uma das muitas maneiras de ajustar sua loja. Para mais personalizações do WooCommerce, consulte os seguintes guias:

• Como Personalizar a Aba Informações Adicionais do WooCommerce
• Como Adicionar o Botão Ver Carrinho no WooCommerce
• Como Alterar o Título da Página da Loja no WooCommerce
• Como Criar uma Galeria de Imagens de Produtos Deslumbrante no WooCommerce 
• Como Adicionar Avaliação por Estrelas às Páginas de Produto do WooCommerce
• Como Exibir Produtos Relacionados no WooCommerce
• Como Obter e Exibir Descrições de Produtos no WooCommerce
• Como Exibir Produtos em Destaque no WooCommerce 
• Como Ocultar Produtos Fora de Estoque no WooCommerce

Perguntas Frequentes

Espero que este guia tenha ajudado você a aprender como exibir categorias de produtos no WooCommerce da maneira fácil. Esteja você organizando sua página inicial, página da loja ou menu, as etapas acima devem ajudá-lo a manter as coisas organizadas e fáceis de usar.

Se você estiver construindo sua loja com o SeedProd, poderá ter controle total sobre como seus produtos aparecem - sem necessidade de codificação.

Se você ainda está trabalhando no seu site, talvez goste deste guia sobre como adicionar uma página "em breve" ao WooCommerce.

Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTube, X e Facebook para mais conselhos e conteúdo úteis para expandir seus negócios.