Como exibir categorias e tags de produtos no WooCommerce 

Deseja saber como exibir a categoria do produto no WooCommerce em sua loja ou página inicial?

A exibição de categorias ajuda a organizar seus produtos, orientar 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 do WooCommerce

• Adicione categorias à sua página inicial
• Mostrar categorias na página da loja
• Exibir categorias em sua barra lateral
• Adicione 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.

Adição de categoria de produto do WooCommerce

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

Primeiro, vá para Products " Categories (Produtos " Categorias ) na área de administração do WordPress. A partir daí, insira as informações da categoria do produto.

Você pode incluir:

• Nome
• Lesma
• Categoria dos pais
• 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.

Adição de tags de produto do WooCommerce

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

Primeiro, vá para Products " Tags na área de administração do WordPress. Na próxima página, você pode inserir as seguintes informações de tag:

• Nome
• Lesma
• Descrição

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

Como exibir categorias de produtos em seu site WooCommerce

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

Exibir categorias de produtos do WooCommerce na página inicial

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

As opções atuais são:

• Use um tema WordPress compatível com o 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.

O SeedProd é o melhor construtor de sites para WordPress. Ele permite que você crie sites completos de WooCommerce, páginas de destino e temas personalizados do WordPress 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 do WooCommerce ao seu site com apenas alguns cliques.

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

Etapa 1. Instalar e ativar o SeedProd

Para começar, faça o download do plug-in SeedProd, instale-o e ative-o em seu site do WordPress. Você pode seguir este guia sobre como instalar um plug-in do WordPress se precisar de ajuda.

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

Em seguida, acesse SeedProd " Settings, digite sua chave de licença e clique em Verify Key. Isso desbloqueará os recursos do plano escolhido.

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

Etapa 2. Criar um tema personalizado do WooCommerce

A próxima etapa é criar um tema personalizado para seu site WooCommerce. Isso permitirá que você personalize cada parte do seu site com o poderoso editor visual do SeedProd.

Para fazer isso, vá para SeedProd " Theme Builder e clique no botão Themes (Temas ).

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

Basta passar o mouse sobre um tema de sua preferência e clicar no ícone de marca de seleção.

O SeedProd criará automaticamente todos os diferentes modelos para 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 em sua página inicial do WooCommerce, você precisará editar o modelo da página inicial. Encontre o modelo em sua lista e clique no link "Edit Design" (Editar design) para abri-lo no construtor de páginas do SeedProd.

Personalizar sua página inicial com o SeedProd é muito fácil. Há 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. Em seguida, você pode clicar em qualquer elemento para editar o conteúdo e as configurações de estilo.

Há duas maneiras de exibir categorias de produtos em sua página inicial com o SeedProd:

1. Exibir produtos por categoria
2. Adicione o widget de categoria de produto do WooCommerce

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

Clique na grade do produto para abrir o painel de configurações no lado esquerdo. Nesse painel, selecione "Custom Query" (Consulta personalizada) no menu suspenso Type (Tipo) e ative o botão de alternância "Select By Category" (Selecionar por categoria).

Você pode escolher quais produtos da categoria serão exibidos na grade. Você pode selecionar várias categorias mantendo pressionado o botão shift.

Agora, somente os produtos das categorias escolhidas serão exibidos em sua página inicial.

Você pode seguir etapas semelhantes para gerar apenas os produtos por tag. Basta ativar a opção "Select by Tag" (Selecionar por tag) e escolher as tags a serem incluídas 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á até a seção do bloco Widgets e localize o widget "Product Categories". Em seguida, arraste-o para o lugar no design de sua página inicial.

Ao clicar no widget, você pode:

• Escolha um título para o widget
• Ordenar categorias por nome
• Mostrar como menu suspenso
• Exibir contagens de produtos
• Mostrar hierarquia
• E mais

Você também pode controlar as opções de estilo do widget na guia Advanced.

Etapa 4. Personalize o restante da sua loja WooCommerce

Agora você pode continuar editando os outros modelos do tema WooCommerce.

Aqui estão alguns guias para ajudar:

• Como personalizar o cabeçalho do WordPress
• Como criar um modelo personalizado de postagem única
• Como criar uma página de checkout personalizada do WooCommerce
• Como adicionar um carrinho de compras ao WordPress

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

Etapa 5. Publique seu tema do WooCommerce

Quando estiver satisfeito com a aparência do seu tema, acesse SeedProd " Theme Builder e, no canto superior direito, coloque o botão Enable SeedProd Theme na posição "on" (ativado).

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

Exibir categorias na página da loja do WooCommerce

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

Para fazer isso, vá para SeedProd " Theme Builder e clique em Edit Design no modelo "Shop Page".

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

Como alternativa, você pode criar uma grade separada para cada categoria de produto. Por exemplo, você pode ter uma grade para bebidas, outra para cuidados com os cabelos 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.

Basta adicionar uma nova coluna à página de sua loja e arrastar o widget "Product Categories".

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

Mostrar categorias do WooCommerce na página da loja

Alguns proprietários de sites talvez não queiram 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.

Vá para Appearance " Customize e clique em WooCommerce e Product Categories.

No cabeçalho intitulado "Shop page display" (Exibição da página da loja), selecione Show categories (Mostrar categorias).

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

Exibir subcategorias do WooCommerce no layout da loja

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

Para fazer isso, acesse Appearance " Customize " WooCommerce " Product Catalog e, sob o título "Category display" (Exibição de categoria), selecione "Show subcategories" (Mostrar 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 de seu site é uma excelente maneira de ajudar os compradores a encontrar rapidamente o que precisam. 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, vá para SeedProd " Theme Builder e abra o modelo Sidebar.

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

Neste exemplo, usamos 2 blocos Product Grid para exibir 2 categorias diferentes na barra lateral do nosso blog.

Exibir a categoria de produto do WooCommerce no menu de navegação

Adicionar categorias de produtos ao seu menu do WooCommerce é igualmente fácil. Vá para Appearance " Menus e clique na guia Screen Options (Opções de tela) no canto superior direito.

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

Em seguida, abra a guia "Product categories" (Categorias de produtos), selecione todas as categorias que deseja adicionar ao menu e clique no botão Add to Menu (Adicionar ao menu ). 

Em seguida, você pode arrastá-los para alterar sua posição no menu. Por exemplo, você pode aninhá-los sob a página Shop para mostrar um menu suspenso de categorias.

Lembre-se de salvar seu menu antes de continuar. Isso cria um menu de categoria 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 no menu de navegação do WooCommerce.

Mais maneiras de personalizar o WooCommerce

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

• Como personalizar a guia Informações adicionais do WooCommerce
• Como adicionar o botão Exibir carrinho no WooCommerce
• Como alterar o título da página da loja no WooCommerce
• Como criar uma impressionante galeria de imagens de produtos no WooCommerce 
• Como adicionar classificação por estrelas às páginas de produtos 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 a categoria do produto no WooCommerce da maneira mais fácil. Quer esteja organizando a página inicial, a página da loja ou o menu, as etapas acima devem ajudá-lo a manter as coisas limpas e fáceis de usar.

Se estiver criando sua loja com o SeedProd, você poderá ter controle total sobre a aparência dos produtos, sem necessidade de codificação.

Se você ainda estiver trabalhando no seu site, talvez goste deste guia sobre como adicionar uma página de lançamento em breve ao WooCommerce.

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.