Sabemos o quão empolgante é lançar uma nova loja WooCommerce com toneladas de ótimos produtos. Mas, à medida que seu inventário cresce, fica mais difícil para os clientes encontrarem exatamente o que desejam.
Os visitantes muitas vezes precisam rolar página após página de itens aleatórios apenas para encontrar uma única camisa ou acessório. Essa frustração geralmente os leva a sair do seu site sem comprar nada.
A melhor maneira de corrigir isso é permitindo que os compradores filtrem seus produtos por categorias específicas. Funciona como um mapa que os guia diretamente para a seção da loja em que estão interessados.
Neste guia, mostraremos como filtrar produtos WooCommerce por categoria.
Por que configurar a filtragem por categoria no WooCommerce?
Quando você tem centenas de itens, os clientes muitas vezes se perdem tentando encontrar produtos específicos.
Adicionar filtros de categoria corrige isso, permitindo que os compradores restrinjam suas escolhas de produtos WooCommerce instantaneamente. Ajuda-os a encontrar exatamente o que precisam sem se frustrarem.
Essa mudança simples leva a clientes mais felizes e mais vendas para o seu negócio. Transforma uma loja WooCommerce confusa em uma experiência de compra fácil.
No entanto, no passado, adicionar filtros ao WooCommerce era uma dor de cabeça enorme para muitos proprietários de sites com quem conversamos.
Você geralmente tinha que contratar um desenvolvedor ou comprar um software caro apenas para obter opções simples de classificação.
Pior ainda, tentar codificar sozinho significava que você corria o risco de quebrar seu checkout, páginas da loja ou todo o site. Um movimento em falso poderia tirar todo o seu negócio do ar, o que é assustador.
Dito isso, vamos dar uma olhada em uma maneira simples de adicionar filtros de categoria de produtos à sua loja.
Filtrar produtos WooCommerce por categoria
A maneira mais fácil de adicionar filtros de categoria à sua loja é usando WPFilters.
WPFilters é o melhor plugin de filtragem para WordPress porque é incrivelmente fácil de usar. A melhor parte é que você pode criar filtros profissionais sem escrever uma única linha de código.
Ele é construído pela equipe por trás do SearchWP, então sabemos que ele lida com dados de forma eficiente. Isso significa que seu site permanece rápido, mesmo com opções de filtragem complexas.
Usando esta ferramenta, você pode ajudar os clientes a classificar produtos por categoria, tags ou campos personalizados como preço, tamanho, material e outros atributos em segundos.
Ele se integra perfeitamente ao WooCommerce para tornar sua loja muito mais fácil de navegar. Além disso, você obtém opções de personalização, múltiplas opções de filtro, URLs compartilháveis e muito mais.
Agora, vamos ver os passos para fazer isso funcionar no seu site WooCommerce.
Passo 1: Instale e Ative o WPFilters
Para começar, você precisará visitar o site do SearchWP e se inscrever para uma conta WPFilters.
Depois de ter uma conta, vá para a aba Downloads no seu painel.
Em seguida, clique no botão Baixar WPFilters e salve o arquivo ZIP do plugin no seu computador.
Também recomendamos que você copie sua chave de licença desta página, pois precisará dela em breve.
Agora, você precisa fazer o upload do arquivo do plugin para o seu site e instalá-lo. Se você não tem certeza de como fazer isso, consulte este guia sobre como instalar um plugin do WordPress.
Após ativar o plugin, o assistente de configuração aparecerá. Clique no botão ‘Vamos Começar’ e siga as instruções para finalizar a configuração.
Etapa 2: Adicionar um Novo Elemento de Filtro de Categoria do WooCommerce
Primeiro, você precisará navegar até WPFilters » Elementos no seu painel do WordPress.
Uma vez lá, basta clicar no botão Adicionar Novo para criar um filtro em branco.
Comece dando um título ao seu filtro no topo para que você possa encontrá-lo facilmente mais tarde. Por exemplo, você pode chamá-lo de “Categorias de Produtos” ou algo semelhante para organizar seus filtros.
Em seguida, você precisa escolher o tipo de filtro que deseja usar. Por exemplo, você pode usar caixas de seleção para categorias e permitir que os clientes selecionem várias opções de uma vez.
Clique na opção Caixa de Seleção na lista. Você verá uma prévia ao vivo aparecer no lado direito da tela.
Agora, você precisa dizer ao filtro exatamente quais informações exibir.
Simplesmente role para baixo até a seção Fonte de Dados e clique no menu suspenso.
Como você está permitindo que os visitantes classifiquem os produtos com base em categorias, você precisa selecionar Categorias de produtos na lista de opções.
Isso garante que o WPFilters extraia a taxonomia correta dos seus produtos WooCommerce.
Etapa 3: Personalizar seu Filtro de Categoria do WooCommerce
Após conectar os dados, você pode fazer o filtro ficar exatamente como você deseja.
Para fazer isso, você pode rolar para baixo até a seção Contêiner.
Aqui, você pode ativar a opção Mostrar Título e exibir o rótulo do filtro em sua loja WooCommerce. Você também pode escolher se o filtro deve ser recolhível ou horizontal.
Em seguida, olhe para a seção Itens abaixo dela.
Aqui, você pode escolher mostrar o número de produtos ao lado de cada nome de categoria. Isso é útil para clientes que desejam ver quantos itens estão disponíveis antes de clicar.
Quando estiver satisfeito com a aparência, basta clicar no botão Salvar na parte superior da página.
Você também verá uma prévia ao vivo do filtro no lado direito da tela.
Etapa 4: Incorporar o Filtro de Categoria na sua Página da Loja WooCommerce
Agora que seu filtro está pronto, você precisa colocá-lo onde os clientes possam vê-lo e usá-lo.
Descobrimos que a barra lateral é o local mais conveniente para esses filtros em um site WooCommerce, e é isso que demonstraremos neste tutorial.
No entanto, o WPFilters oferece várias opções de incorporação e permite que você exiba filtros em qualquer página ou postagem do seu site.
Para começar, você pode ir para Aparência » Widgets no seu painel do WordPress. Em seguida, procure a área específica da barra lateral que seu tema usa para a página da loja.
Em seguida, você pode clicar no botão + para adicionar um novo bloco de widgets e procurar por WPFilters Element.
Note que isso pode variar dependendo do tema WooCommerce que você está usando.
Depois de adicionar o bloco, basta selecionar o filtro “Categorias de Produtos” que você criou anteriormente no menu suspenso Configurações do Elemento, no painel Configurações.
Finalmente, clique no botão Atualizar para salvar suas alterações.
Etapa 5: Teste seu Filtro de Categoria de Produtos
Depois de adicionar o filtro de categoria de produtos à sua loja WooCommerce, o próximo passo é testá-lo.
Para começar, você pode visitar sua loja para ver seu novo filtro de categoria funcionando perfeitamente na barra lateral.
A partir daqui, você pode simplesmente selecionar uma categoria de produto e ver se os itens corretos aparecem em sua loja.
Por exemplo, filtraremos produtos por ‘Cosméticos’ em sua loja de demonstração e veremos se ele filtra os itens corretos.
Como você pode ver, os produtos estão classificados e apenas os da categoria ‘Cosméticos’ aparecem. Isso significa que o filtro está funcionando corretamente.
Perguntas Frequentes Sobre Filtros de Categoria de Produtos WooCommerce
1. Preciso saber codificar para adicionar esses filtros?
De jeito nenhum. Escolhemos especificamente o WPFilters para este guia porque ele cuida de todo o trabalho técnico para você. Você pode configurar filtros complexos apenas clicando em alguns botões no painel.
2. Posso permitir que os clientes filtrem por tags ou preço também?
Sim, você pode. Você só precisa criar um novo elemento de filtro e selecionar “Tags de Produto” ou “Preço” como a fonte de dados. Funciona da mesma forma que o filtro de categoria que construímos neste tutorial.
3. Isso funcionará com meu tema WordPress atual?
Em nossa experiência, o WPFilters funciona bem com quase todos os temas WordPress codificados corretamente. Testamos em muitas configurações de site e ele se integra perfeitamente às áreas de widgets.
Esperamos que este artigo tenha ajudado você a aprender como filtrar produtos WooCommerce por categoria. Você também pode querer ver nossos guias sobre como corrigir a página da loja WooCommerce não exibindo produtos e como adicionar pesquisa Ajax ao WooCommerce.
Pronto para adicionar filtros poderosos à sua loja online? Você pode começar com o WPFilters aqui.
