7 melhores plug-ins de grade de categoria de produto para WooCommerce

A maioria das lojas do WooCommerce se concentra muito nas páginas de detalhes do produto, mas muitas vezes negligencia a importância da apresentação da categoria. É aí que a jornada do cliente geralmente começa. Layouts de categoria limpos e estruturados não apenas melhoram a navegação, mas também fazem sua loja parecer mais profissional e mais fácil de comprar.

Os plug-ins de categoria de produto são criados exatamente por esse motivo. Eles permitem que você organize e exiba suas categorias com grades, controles deslizantes, filtros e carrosséis sem nenhum código. Alguns funcionam com o Gutenberg, outros são feitos para o Elementor e muitos incluem layouts responsivos, modelos e opções de design adequados para qualquer layout de loja.

Neste guia, escolhemos a dedo sete plug-ins de destaque que permitem criar grades de categorias de produtos com melhor controle de layout, melhor filtragem e melhor estilo. Vamos dar uma olhada mais de perto.

Nome do plug-in

Editores com suporte

Principais recursos

Instalações ativas

Loja Wow

Gutenberg

Bloco de categorias, filtragem, upsells, carrinho inteligente

5,000+

LojaLentor

Gutenberg, Elementor

Widgets de grade, carrossel, mais de 125 widgets

100,000+

Blocos de produtos para WooCommerce

Gutenberg

Grade de categorias, mais de 5 layouts, classificação

5,000+

Visualizações de conteúdo

Gutenberg, Classic, Elementor

Criador de grade, filtros, mais de 70 modelos

100,000+

WooCategory

Gutenberg, Elementor, Divi

Sliders, exibição em vários níveis, opções de estilo

10,000+

Elementos ilimitados para o Elementor

Elementor

Grade de categorias, consultas personalizadas, mais de 200 widgets

100,000+

Categorias de produtos Designs

Gutenberg (códigos curtos)

Exibições de grade e controle deslizante, controle de código curto

3,000+

Loja Wow

Blocos de WooCommerce Builder e Gutenberg WooCommerce - WowStore

Nem todos os plugins permitem que você redesenhe os layouts das categorias do WooCommerce dentro do Block Editor. É aí que entra o WowStore. Ele preenche a lacuna entre o WooCommerce e o Gutenberg com um construtor completo e um amplo conjunto de blocos amigáveis à loja, de modo que criar uma grade de categoria elegante nunca será uma dor de cabeça para você. 

O WowStore inclui um bloco de categoria de produto dedicado que permite que você exiba categorias em grades limpas e personalizáveis. Você pode ajustar as colunas, o espaçamento e o estilo diretamente no Gutenberg. O plugin também adiciona suporte para filtragem de produtos por categoria, o que melhora a navegação e ajuda os compradores a encontrar o que estão procurando. Se você estiver criando modelos personalizados, o WowStore oferece controle total sobre suas páginas de loja, categoria e arquivo sem tocar em uma linha de código.

O restante do kit de ferramentas lida com tudo, desde impulsionadores de vendas, como blocos adesivos Adicionar ao carrinho e lista de desejos, até recursos voltados para a receita, como upsells, vendas cruzadas, pré-vendas e cronômetros de carrinho. Acrescente a isso uma barra de frete grátis e filtragem avançada de produtos e você terá uma configuração do WooCommerce baseada em grade que é funcional e favorável à conversão.

Blocos do WooCommerce Builder e do Gutenberg WooCommerce - WowStore Demo
Demonstração

Principais recursos

  • Bloco de Categoria de Produto para Gutenberg.
  • Construtor dedicado para páginas e modelos de categorias.
  • Filtragem de produtos por categoria, preço e atributos.
  • Suporte a Wishlist, Compare e Quick View.
  • Ferramentas de upsell e cross-sell.
  • Página de Adicionar ao carrinho e Carrinho inteligente.
  • Barra de progresso com frete grátis.
  • Dezenas de blocos adicionais do WooCommerce.

Preço: 

Você pode começar com a versão gratuita ou fazer upgrade para a versão Pro a partir de $49/ano.

LojaLentor

LojaLentor

A maioria dos sites WooCommerce precisa de mais do que apenas listas de produtos; eles precisam de estrutura, liberdade de design e hierarquia visual. O ShopLentor atende a essa necessidade com um construtor baseado em blocos e alimentado por widgets que funciona tanto com o Elementor quanto com o Gutenberg. 

Esse plug-in inclui um widget Product Grid dedicado com filtros de categoria e configurações responsivas. Além disso, os módulos Product Category Carousel e Category Showcase permitem que você apresente as categorias do WooCommerce em grades estilizadas horizontais ou em blocos. Cada widget inclui configurações para controle de coluna, espaçamento, ordem e lógica de exibição, o que ajuda a criar layouts que se ajustam perfeitamente entre dispositivos. Os recursos de guias, listas e filtragem de categorias completam o kit de ferramentas para qualquer pessoa focada na categorização limpa de produtos.

A excelência do ShopLentor está em seu sistema abrangente de criação de modelos. A versão gratuita inclui modelos de arquivo e produto, enquanto a versão Pro adiciona um conjunto de mais de 125 widgets do Elementor, mais de 60 blocos do Gutenberg, editores flexíveis de carrinho e checkout, módulos de upsell e complementos focados em vendas para dar à sua loja uma base mais estruturada. 

Demonstração do ShopLentor
Demonstração

Principais recursos

  • Widget de grade de produtos com filtros de categoria e configurações responsivas.
  • Módulos Carrossel de Categoria de Produto e Vitrine de Categoria.
  • Navegação por categoria baseada em guias, listas e filtros.
  • Modelos personalizados para páginas de lojas, arquivos e produtos individuais.
  • Criadores de modelos para páginas de carrinho, checkout e conta.
  • Mais de 125 widgets do Elementor e mais de 60 blocos do Gutenberg.
  • Funcionalidade de visualização rápida, lista de desejos e comparação.
  • Amostras de variações, contagens regressivas e módulos de upsell.
  • Sticky Add to Cart e gaveta de carrinho AJAX.

Preço

Você pode começar com a versão gratuita ou fazer upgrade para a versão Pro a partir de $59 por semestre.

Blocos de produtos para WooCommerce

Blocos de produtos para WooCommerce

Uma grade limpa pode ajudar os compradores a se concentrarem. O Product Blocks for WooCommerce traz exatamente isso para o Block Editor. Com um pequeno conjunto de blocos de exibição de produtos dedicados, esse plug-in oferece mais controle sobre como as categorias e os produtos são apresentados em sua loja.

O plug-in inclui um bloco Product Categories Grid com três estilos de layout incorporados. Você pode optar por exibir todas as categorias ou limitar a exibição apenas às categorias principais. O painel de configurações permite que você defina quantas categorias devem ser exibidas, quantas colunas devem ser usadas e se devem ou não ser exibidas as contagens de produtos. Você também pode ocultar categorias vazias e classificar tudo com base na ordem do menu.

Além da grade de categorias, o plug-in oferece mais sete blocos. Eles incluem vários estilos de Lookbook, um controle deslizante vertical de produtos, uma lista de produtos dispersos e um carrossel de produtos. Todos os blocos se integram de forma nativa ao editor Gutenberg sem a necessidade de ferramentas externas.

Demonstração de blocos de produtos para WooCommerce
Demonstração

Principais recursos

  • Bloco de grade de categorias de produtos com três estilos de layout.
  • Exibir todas as categorias ou somente as categorias pai.
  • Defina quantas categorias serão exibidas.
  • Oculte categorias vazias, se necessário.
  • Mostrar ou ocultar contagens de produtos.
  • Classifique as categorias por ordem de menu.
  • Escolha o número de colunas.
  • Inclui sete blocos de exibição de produtos adicionais.
  • Funciona inteiramente dentro do editor Gutenberg.

Preço

Esse plug-in está disponível gratuitamente no WordPress.org.

Visualizações de conteúdo

Visualizações de conteúdo

Um emaranhado de códigos de acesso ou snippets de código pode atrapalhar as tentativas de exibir posts, páginas ou conteúdo personalizado. O Content Views resolve isso adicionando opções de layout visual ao editor Classic e ao Gutenberg.

O Content Views inclui um poderoso construtor de visualizações que permite consultar posts, páginas e tipos de posts personalizados com base em categorias, tags, datas, autores ou palavras-chave. Cada layout pode ser inserido usando códigos de acesso, blocos ou widgets. O plug-in vem com 16 blocos Gutenberg e 16 widgets Elementor projetados para grades, listas, controles deslizantes, acordeões, linhas do tempo e muito mais. Sua biblioteca de modelos apresenta mais de 70 padrões pré-desenhados que podem ser personalizados com tipografia integrada, espaçamento e opções de exibição.

O sistema de layout do plug-in foi criado com a personalização em mente. Você pode controlar o tamanho das imagens, os títulos das postagens, o tamanho do conteúdo e a visibilidade da meta. Para usuários do Editor Clássico, cada grade pode ser colocada usando códigos de acesso. Para os usuários do Gutenberg, cada bloco inclui configurações responsivas, estilo avançado e opções de filtragem de postagens para ajustar o resultado.

Demonstração das visualizações de conteúdo
Demonstração

Principais recursos

  • Funciona com o Gutenberg, o Editor Clássico e o Elementor.
  • Inclui 16 blocos do Gutenberg e 16 widgets do Elementor.
  • Crie grades, listas, controles deslizantes, acordeões e linhas do tempo.
  • Filtros avançados para taxonomia, palavras-chave, autores e datas.
  • Personalize o tamanho da imagem, o comprimento do texto e os metadados da postagem.
  • Mais de 76 padrões e modelos de blocos de Gutenberg prontos para uso.
  • Design responsivo e suporte a carregamento lento.
  • Insira grades por meio de shortcode, bloco ou widget.

Preço

Embora a versão gratuita do plug-in esteja disponível, o recurso Category Grid está disponível exclusivamente na versão Pro, que custa a partir de $39/ano.

WooCategory

WooCategory

A maioria das lojas WooCommerce não destaca suas categorias suficientemente bem, o que muitas vezes leva a oportunidades perdidas e confusão para os compradores. O WooCategory resolve esse problema, permitindo que você apresente as categorias de produtos como controles deslizantes ou blocos com visuais limpos e layouts responsivos. 

O plug-in apresenta um gerador de shortcode que o ajuda a filtrar e estilizar as categorias de produtos exatamente como você deseja. Você pode escolher categorias específicas para exibir, ocultar as vazias, controlar o número de itens visíveis e até mesmo mostrar categorias de vários níveis, como filho ou neto sob os pais. Além disso, cada controle deslizante ou bloco pode incluir títulos, imagens, contadores e um botão Shop Now personalizável.

O WooCategory oferece tudo, desde o estilo do layout até os efeitos do controle deslizante. Você pode alterar as formas, as bordas, as cores e o espaçamento das miniaturas e até mesmo aplicar efeitos de foco. O plug-in também inclui controles avançados de tipografia, filtros de categoria, ordenação de categoria e configurações de coluna baseadas em dispositivos. 

Demonstração do WooCategory
Demonstração

Principais recursos

  • Controles deslizantes de categoria e layouts de grade.
  • Filtrar e exibir categorias específicas.
  • Exibir categorias pai e filho de vários níveis.
  • Botão Shop Now personalizado com controles de texto, cor e link.
  • Mais de 30 opções de controle deslizante, incluindo reprodução automática, rolagem, paginação e efeitos.
  • Personalize a forma, a borda, os efeitos de foco e o tamanho da miniatura.
  • Colunas de controle e espaçamento por dispositivo.
  • Compatível com Gutenberg, Elementor, Divi e outros construtores.
  • Gerador de shortcode com visualização ao vivo.

Preço

O WooCategory oferece uma versão gratuita, além de versões Pro a partir de $49 por ano.

Elementos ilimitados para o Elementor

Elementos ilimitados para o Elementor

O Ultimate Elements expande o que o Elementor pode fazer, oferecendo a você uma enorme biblioteca de widgets, modelos e ferramentas avançadas. Ele foi criado para aqueles que desejam mais controle de design e maneiras mais inteligentes de criar sites de WooCommerce e com muito conteúdo.

O plug-in inclui um widget avançado Woo Category Grid que ajuda você a criar grades responsivas e elegantes para suas categorias de produtos. Você obtém filtros de consulta precisos, como a seleção de termos específicos, categorias secundárias, termos de postagens atuais ou a exclusão de categorias vazias. As configurações de layout permitem que você ajuste colunas, espaços e até mesmo exiba categorias usando imagens personalizadas de metacampos como ACF ou PODS.

Você também terá acesso a mais de 200 widgets profissionais, um criador de widgets, um construtor de mega menus, filtros de postagem em tempo real, pop-ups dinâmicos, construtores de loop, construtores de formulários e calculadoras, planos de fundo animados, widgets sincronizados e suporte profundo para galerias de várias fontes. Tudo fica dentro do Elementor, tornando-o uma solução completa para usuários avançados e designers criativos.

Demonstração de elementos ilimitados para o Elementor
Demonstração

Principais recursos

  • Widget Woo Category Grid para Elementor.
  • Regras de consulta personalizadas para incluir ou excluir categorias.
  • Mostrar categorias secundárias ou categorias da postagem atual.
  • Oculte categorias vazias ou filtre por meta personalizado.
  • Suporte a imagens personalizadas usando ACF ou PODS.
  • Controle total do layout sobre colunas, espaços e estilo.
  • Mais de 200 widgets exclusivos de arrastar e soltar.
  • Widget Creator para criar seus próprios widgets do Elementor.
  • Loop Builder, Popup Builder, Mega Menu e muito mais.
  • Filtros AJAX para posts e produtos do WooCommerce.

Preço

O Ultimate Elements é gratuito, e o widget Woo Category Grid faz parte da versão Pro, com um preço inicial de $49 por ano.

Designs de categorias de produtos para WooCommerce

Designs de categorias de produtos para WooCommerce

Quando o layout de sua categoria parece desatualizado ou pouco atraente, os clientes tendem a passar por ele sem explorar. O Product Categories Designs for WooCommerce ajuda a corrigir isso com dois designs prontos que podem ser exibidos em layouts de grade e de controle deslizante usando códigos de acesso simples.

Você recebe dois códigos de acesso: um para exibição em grade e outro para controle deslizante. Cada um vem com um conjunto sólido de parâmetros, incluindo design de layout, número de categorias, controle de colunas, classificação e alternância de visibilidade. A visualização do controle deslizante adiciona controles de reprodução automática, velocidade do slide, paginação, navegação e muito mais. Você também pode limitar as categorias por ID ou pai, ajustar a altura e até mesmo aplicar classes CSS personalizadas para ajustar o visual.

O plug-in funciona diretamente no editor Gutenberg usando um bloco de shortcode. Ele também cria uma guia útil "Category Designs" no menu Products para que você possa verificar as opções de layout antes de adicioná-las às suas páginas.

Demonstração de designs de categorias de produtos para WooCommerce
Demonstração

Principais recursos

  • Dois códigos de acesso para exibições de grade e controle deslizante.
  • Duas predefinições de design compatíveis com ambos os layouts.
  • Controle sobre o número de categorias e colunas.
  • Opções de classificação por nome, slug ou ID do termo.
  • Mostrar ou ocultar categorias vazias e secundárias.
  • Defina a altura personalizada e aplique classes CSS adicionais.
  • Controles deslizantes completos para reprodução automática, comportamento de rolagem e velocidade.
  • Painel de configurações dedicado em Products → Category Designs.

Preço

É oferecida uma versão gratuita, com o plano Pro custando $99/ano.

Conclusão

Os layouts de categoria são frequentemente ignorados, mas são uma das maneiras mais impactantes de orientar os clientes em uma loja WooCommerce. Uma grade ou um controle deslizante bem organizado pode fazer a diferença entre uma rejeição e uma conversão. Ele dá estrutura à sua loja e ajuda os visitantes a explorar com intenção.

Ao longo desta lista, você viu plug-ins que trazem maneiras criativas, flexíveis e fáceis de criar para exibir categorias de produtos. Alguns permanecem dentro do editor Gutenberg, enquanto outros expandem o Elementor ou usam códigos de acesso para controle total do design. Use essas ferramentas não apenas para fins estéticos, mas para criar melhores caminhos em sua loja. É assim que você transforma a navegação em compra e transforma um site de WooCommerce em algo muito mais sofisticado.



A equipe do Tableberg

Crie belas tabelas no WordPress - visualmente!

Diga adeus às tabelas enfadonhas. Com o Tableberg, você pode criar tabelas responsivas e interativas usando o Block Editor, sem precisar de código.

Interface Tableberg
Obtenha o melhor plug-in de bloco de tabela com 30% OFF!
Esse é o texto padrão da barra de notificação