O que são e como usá-los

Administrar uma loja online pode ser um desafio. Você precisará organizar seus produtos para que os clientes possam encontrar os itens que estão procurando. Felizmente, os blocos de filtro de produtos WooCommerce podem agrupar e exibir itens especificados pelo usuário em segundos.

Com os blocos de filtro de produtos, você pode organizar os itens da sua loja WooCommerce de acordo com suas características. Estes podem incluir seus preços, categorias, atributos ou tags. Em seguida, você só precisará inserir o bloco em uma postagem ou página e seus clientes poderão encontrar resultados filtrados.

Neste guia, apresentaremos todos os diferentes blocos de filtro de produtos WooCommerce e discutiremos por que você pode considerar usá-los. Em seguida, explicaremos como inserir e configurar esses elementos em sua loja virtual. Vamos começar!

Índice:

Uma introdução aos blocos de filtro de produtos WooCommerce

O WooCommerce possui uma coleção de blocos WooCommerce projetados para permitir que os usuários pesquisem produtos específicos em sua loja online. Esses elementos interativos permitem que os consumidores filtrem seus resultados e encontrem os itens mais adequados às suas necessidades.

Aqui está uma rápida visão geral dos blocos de filtro de produtos WooCommerce gratuitos:

• Filtrar produtos por preço: este bloco permite que os clientes escolham uma faixa de preço usando um controle deslizante e exibam apenas os itens que se encaixam nessa faixa.
• Filtrar Produtos por Atributo: Permite que os clientes pesquisem itens de acordo com seus atributos, incluindo tamanhos, cores e estilos.
• Filtros de produtos ativos: ajuda os clientes a ver quais filtros já aplicaram à pesquisa para que possam ajustá-la.
• Filtrar Produtos por Estoque: Este bloco mostra apenas itens em estoque, fora de estoque ou em espera.

Você pode usar esses blocos em postagens, páginas e áreas de widgets. Ao interagir com o bloco, os clientes poderão escolher entre parâmetros predeterminados para ver os resultados filtrados.

Se você deseja mais flexibilidade para configurar filtros de produtos, também pode instalar um plug-in de filtro de produtos WooCommerce dedicado. Compartilharemos algumas opções de qualidade posteriormente neste artigo.

Por que você pode considerar o uso de blocos de filtro de produtos WooCommerce

Os blocos de filtro de produtos WooCommerce podem melhorar significativamente a experiência do usuário (UX) da sua loja online. Se você tiver um extenso catálogo de produtos, os clientes podem passar horas percorrendo seus itens enquanto procuram aqueles que atendem às suas necessidades. No entanto, eles provavelmente se sentirão frustrados e clicarão para comprar em outro lugar.

Dependendo das mercadorias que você vende, os filtros de produtos permitem que os clientes naveguem em sua loja em busca de cores, tamanhos, ingredientes e marcas que atendam às suas necessidades. Além disso, os resultados serão atualizados na mesma página. Portanto, os consumidores não precisarão navegar para páginas de categorias e interromper suas experiências de compra.

Como usar blocos de filtro de produtos WooCommerce

Nesta primeira seção, mostraremos como usar os blocos de filtro de produto padrão que o WooCommerce inclui automaticamente. Novamente, para mais flexibilidade, você pode considerar um dos plugins de filtro de produtos WooCommerce na próxima seção.

A maioria dos blocos de filtro de produtos WooCommerce funciona da mesma maneira. Você simplesmente inserirá o bloco e determinará qual característica do produto será exibida.

Você pode encontrar todos esses blocos no WordPress clicando no botão + para inserir um novo bloco e procurando por “filtro WooCommerce:”

Lembre-se de que primeiro você precisará adicionar atributos, tags, categorias e outras características aos seus produtos WooCommerce. Caso contrário, você não terá nenhum dado para usar em seu bloco.

Agora, vamos dar uma olhada em como usar os blocos de filtro de produtos WooCommerce. Usaremos o elemento Filter Products by Attribute como exemplo.

Etapa 1: adicione atributos aos seus produtos WooCommerce

️ Nota – para outros filtros (como preço ou estoque), você não precisará configurar nenhum atributo.

Se você ainda não fez isso, adicione categorias, tags e atributos aos seus produtos WooCommerce. Essas taxonomias tornam mais fácil para os clientes encontrarem os itens desejados. Além disso, os blocos de filtro de produtos WooCommerce não funcionarão sem essas classificações.

Comece navegando até Produtos > Atributos em seu painel do WordPress. Aqui, você pode criar novas classificações para seus produtos. Como podem ver, já temos Cor e Tamanho na nossa loja online:

Você precisará inserir um nome e um slug para seu novo atributo. Em seguida, clique em Adicionar atributo para salvar a classificação. Observe que você pode seguir o mesmo processo para categorias de produtos (e subcategorias) e tags.

Em seguida, abra seus produtos para adicionar suas taxonomias. Você pode fazer isso navegando até Produtos > Todos os produtos e clicando em um item.

Agora, role para baixo até a seção Dados do produto e abra o menu Atributos :

Você pode adicionar atributos ao seu produto selecionando-os no menu suspenso e clicando em Adicionar . Em seguida, escolha a seta suspensa ao lado do atributo para inserir suas informações personalizadas.

Por exemplo, em nosso exemplo, adicionamos Red como um atributo Color ao nosso produto:

Depois de adicionar todas as suas variáveis, clique em Salvar atributos . Agora, os clientes poderão encontrar itens com essas características por meio do bloco de filtro de produtos WooCommerce.

Etapa 2: insira o bloco de filtro do produto

Em seguida, você precisará abrir a página ou postagem em que deseja usar o bloco de filtro do produto. Você também pode considerar utilizar o elemento em uma barra lateral nas páginas de sua loja para que os clientes possam filtrar seus resultados enquanto navegam.

Primeiro, você precisará adicionar o bloco Todos os produtos à sua página. Caso contrário, o WooCommerce não poderá filtrar e exibir itens específicos.

Você pode fazer isso clicando no botão + e pesquisando por “todos os produtos”. Selecione o bloco e adicione-o à sua página:

Em seguida, procure por “Atributo de filtro WooCommerce:”

Clique no bloco e ele será inserido em sua página. Agora você pode pesquisar um atributo de produto ou escolher um da sua lista suspensa. Usaremos Color em nosso exemplo:

Seu bloco agora será transformado para exibir um novo título e uma lista dos atributos do produto escolhido (como as diferentes cores do item):

Você pode deixar o bloco como está se gostar de sua aparência. Como alternativa, na próxima etapa, discutiremos como personalizar a aparência desse elemento.

Etapa 3: definir as configurações do bloco

Em seguida, você pode personalizar a aparência do bloco de filtro do seu produto WooCommerce. Basta clicar no bloco Filtrar Produtos por Atributo e selecionar o ícone de engrenagem à direita:

Aqui, você pode escolher se deseja exibir sua contagem de produtos . Essa configuração pode ser útil se você tiver um grande catálogo de itens e quiser oferecer aos seus clientes uma ampla variedade de opções.

Você também pode escolher o nível de título para seus atributos de produto. O valor padrão é H3 , mas você pode selecionar de H2 a H6 para atender às necessidades estilísticas de sua loja.

Se você rolar para baixo, verá algumas configurações adicionais em Configurações de bloco :

Aqui você pode escolher seu Tipo de Consulta . Se você optar por E , o WooCommerce exibirá apenas produtos que contenham todos os atributos especificados pelo cliente. Enquanto isso, a opção Ou mostrará todos os itens que possuem pelo menos um dos atributos.

Em Tipo de exibição , você pode optar por exibir seus atributos em formato de lista ou lista suspensa. Ambas as opções são relativamente fáceis de usar.

Por fim, você pode optar por ativar o botão Filtro . Se você ativá-lo, os clientes precisarão clicar em Ir para filtrar seus resultados de pesquisa. No entanto, se você deixá-lo desligado, basta selecionar um dos atributos para atualizar os produtos exibidos.

É isso! Seu bloco de filtro de produto WooCommerce agora está pronto para ação:

Basta salvar e publicar suas alterações. Os clientes agora poderão filtrar suas pesquisas de produtos com atributos específicos.

Uma visão geral dos plugins de filtro de produtos WooCommerce

Além dos blocos gratuitos do WooCommerce, você também pode acessar plugins de terceiros para adicionar mais flexibilidade para configurar seus filtros. Por exemplo, o plugin WooCommerce Product Search contém as seguintes opções de filtro:

• Produtos: exibe uma coleção de produtos filtrados. Este bloco pode replicar sua página de loja e renderizar itens controlados por outros blocos de filtro de produto na mesma página.
• Pesquisa: cria uma função de pesquisa filtrada para sua loja WooCommerce.
• Categorias: mostra produtos que correspondem a categorias específicas, como tipo de roupa ou gênero.
• Atributos: Exibe produtos com atributos específicos, como cor, marca, tamanho, formato, marca ou características particulares.
• Tags: mostra produtos que correspondem a tags de produtos, incluindo “em destaque”, “logotipo” ou “tendência”.
• Preço: Exibe produtos dentro dos parâmetros de preço especificados.
• Classificação: Apresenta os produtos de acordo com sua classificação média.
• Venda: Exibe apenas os produtos que estão em promoção.
• Estoque: mostra apenas os produtos que estão em estoque.
• Redefinir: permite que os clientes redefinam os parâmetros do filtro do produto. Em seguida, eles podem ver todos os seus itens disponíveis ou inserir novas configurações para personalizar suas pesquisas.

Alternativamente, você pode considerar usar o plugin WOOF Products Filter for WooCommerce:

Com este plugin, os clientes podem filtrar itens de acordo com suas categorias, atributos, tags, taxonomias personalizadas e preços. Além disso, os resultados exibidos geralmente são mais atraentes e personalizáveis ​​do que os blocos padrão do WooCommerce.

O Filtro de Produto WooCommerce da WooBeWoo é outra excelente opção freemium:

Você pode usá-lo sozinho ou com o Elementor para criar seus próprios filtros de produto e condições de layout. O plugin premium inclui recursos adicionais, como ícones de categoria, estilos personalizados e um botão de filtros para ocultar/mostrar.

Comece hoje mesmo com os filtros de produtos WooCommerce

Felizmente, também é muito fácil usar um bloco de filtro de produto WooCommerce. Você simplesmente precisará adicionar taxonomias, como categorias, atributos ou tags, aos seus produtos. Em seguida, você pode usar o bloco WooCommerce correspondente ao lado de um bloco Todos os produtos na página da sua loja.

Para mais flexibilidade, você também pode instalar um plug-in de filtro de produto WooCommerce dedicado.

Se você quiser encontrar ainda mais maneiras de criar uma loja WooCommerce melhor, também pode conferir nossa coleção de plugins WooCommerce obrigatórios.

Você tem alguma dúvida sobre o uso de blocos de filtro de produtos WooCommerce? Deixe-nos saber na seção de comentários abaixo!