Deseja saber como exibir categorias de produtos no WooCommerce?
A exibição de categorias de produtos em sua loja WooCommerce ajuda a orientar os usuários para o que eles estão procurando facilmente. Isso também pode organizar sua loja, dando a ela uma aparência mais amigável.
Este artigo mostrará como exibir categorias e tags de produtos no WooCommerce.
Tutorial em vídeo
Como adicionar categorias e tags ao 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 no 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.
- Mostrar categorias de produtos na página inicial
- Exibir categorias de produtos na página da loja com o SeedProd
- Exibir categorias na página da loja com o WooCommerce
- Mostrar subcategorias do WooCommerce na página da loja
- Mostrar categorias de produtos do WooCommerce na barra lateral
- Exibir categorias de produtos no menu
- Perguntas frequentes
Mostrar categorias de produtos 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, vá para 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 na página inicial do WooCommerce, você precisará editar o modelo da página inicial. Localize o modelo em sua lista e clique no link "Edit 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:
- Exibir produtos por categoria
- 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á para 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 de produtos na página da loja com o SeedProd
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:
Exibir categorias na página da loja com o WooCommerce
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).
Mostrar subcategorias do WooCommerce na página da loja
Você também pode usar as configurações padrão do WooCommerce para mostrar as 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.
Mostrar categorias de produtos do WooCommerce na 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 categorias de produtos no menu
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 prosseguir.
Now, you can visit your website’s homepage and see the product categories in your WooCommerce navigation menu.
More Ways to Customize WooCommerce
Displaying product categories and tags is just one of the many ways to tweak your store. For more WooCommerce customizations, please see the following guides:
- How to Customize the WooCommerce Additional Information Tab
- 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
- How to Display Related Products in WooCommerce
- Como obter e exibir descrições de produtos no WooCommerce
- How to Display Featured Products in WooCommerce
- How to Hide Out of Stock Products in WooCommerce
Perguntas frequentes
As categorias de produtos do WooCommerce são basicamente as seções da sua loja on-line em que produtos semelhantes são agrupados. Elas ajudam os clientes a navegar facilmente pelos seus produtos e encontrar o que estão procurando. Por exemplo, se você tiver uma loja de roupas, poderá ter categorias como "Roupas masculinas", "Roupas femininas", "Roupas infantis" etc.
As tags de produto no WooCommerce são palavras-chave que descrevem detalhes específicos de seus produtos. Elas são outra maneira de relacionar os produtos entre si, mais granular do que as categorias. Por exemplo, se você vende roupas, pode usar tags como "algodão", "verão", "casual" etc.
Sim, um produto no WooCommerce pode pertencer a várias categorias e ter várias tags. Isso pode ser útil para ajudar os clientes a encontrar um produto de várias maneiras. Por exemplo, um par de jeans pode estar nas categorias "Jeans" e "Roupas masculinas" e ter tags como "denim", "casual" e "primavera".
As categorias e tags de produtos podem afetar significativamente o SEO no WooCommerce. Elas não apenas ajudam a organizar o conteúdo do seu site, mas também fornecem informações valiosas sobre palavras-chave para os mecanismos de busca. É importante usar palavras-chave relevantes em suas categorias e tags para melhorar a visibilidade de seus produtos nos resultados de pesquisa.
Aí está!
Esperamos que este artigo tenha ajudado você a aprender como exibir categorias de produtos no WooCommerce, exibir tags de produtos e personalizar suas páginas de produtos.
Pronto para personalizar sua loja on-line sem código?
If you’re still working on your site, you may like this guide on how to add a coming soon page to WooCommerce.
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.
Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.
