8 melhores plug-ins de filtro de produto WooCommerce para uma melhor experiência

Atualizado em 13 de noviembre de 2023

Uma loja WooCommerce média pode ter centenas de itens de estoque e variantes de produtos. Como dono de uma loja, você pode querer oferecer o máximo aos visitantes para que eles encontrem pelo menos um (ou mais) item de interesse e concluam a transação com sucesso.

No entanto, pense nisso da perspectiva do visitante: quem tem tempo de percorrer longas listas para encontrar o produto que procura?

Para muitos visitantes, é mais rápido trocar de loja do que navegar por uma lista aparentemente interminável de variantes de produtos.

É aqui que um simples plug-in de filtro de produto WooCommerce agrega grande valor à experiência geral do usuário e permite que ele veja uma lista muito mais curta de produtos.


Por que usamos o filtro de produto WooCommerce?

Deixe-me ilustrar a função do filtro WooCommerce usando um exemplo:

Uma loja típica de roupas esportivas pode ter cerca de 30 variantes de regatas em seu estoque. Quando um visitante insere a frase “regata” na barra de pesquisa da loja, a página de resultados listará todas as 30 variantes. Agora, neste ponto, o visitante precisa percorrer toda a lista para encontrar uma regata que atenda às suas necessidades.

Agora imagine que a loja oferece uma forma de filtrar regatas que não atendem às necessidades do usuário. Isso reduzirá o número de resultados que o usuário deve revisar. Como resultado, as chances do visitante concluir uma compra aumentam significativamente.

Os filtros de produtos são uma parte importante da experiência do usuário da sua loja. Sem uma opção de filtragem de produtos, seus clientes verão apenas uma longa lista de produtos. Isso é suficiente para afastar muitos visitantes. Por outro lado, se sua loja oferecer uma boa filtragem de produtos, os visitantes poderão ter uma ótima experiência em sua loja e poderão retornar para fazer outra compra.

Outro benefício importante dos declaradores de produtos é a descoberta do produto. Se os visitantes encontrarem algo semelhante ao que procuraram originalmente, eles também poderão comprar. Esta é outra ótima maneira de aumentar vendas e receitas.

Do lançamento à personalização de suas lojas WooCommerce, a Cloudways está ao seu serviço.

Seja você iniciante ou especialista, a plataforma Cloudways é baseada em uma interface de usuário, onde você pode criar e personalizar sua loja online em poucos segundos.

Como tudo mais, você pode escolher vários plug-ins de filtro de produtos WooCommerce para integrar à sua loja. Embora alguns plug-ins sejam pagos e outros gratuitos, a escolha do plug-in realmente depende de seus requisitos específicos e, claro, do seu orçamento.

Para ajudá-lo a economizar tempo e dores de cabeça, compilei uma lista de plug-ins de filtro de produtos WooCommerce gratuitos e pagos que você pode usar em sua loja e oferecer uma ótima experiência aos visitantes.

Então vamos dar uma olhada nisso…

1. Filtros Crocoblock JetSmart

Um sistema baseado em AJAX, uma variedade de widgets para filtragem e paginação e vários layouts de barra de filtro – tudo isso oferece. o plug-in JetSmartFilters. Com este plugin, é possível aplicar vários tipos de filtros e ocultar resultados de pesquisa indesejados simultaneamente. Desta forma, os visitantes do site podem encontrar rapidamente os produtos necessários.

JetSmartFilters é uma adição útil a outro plugin Crocoblock: JetWooBuilder. Esta ferramenta multifuncional para construtores de sites de comércio eletrônico oferece diversas opções de exibição de produtos, desde a criação de emblemas atraentes e avaliações de clientes até a categorização de produtos e sua agregação em grades atraentes.

Caracteristicas

  • 9 widgets de filtro
  • Altamente personalizável
  • Compatível com qualquer tema WordPress
  • Técnicas avançadas de filtragem

Classificação

Não avaliado

Preços

US$ 43/ano

2. HUSKY – Filtro de produto para WooCommerce Professional

BEM CONSTRUÍDA

HUSKY (anteriormente conhecido como Woof) é talvez o plug-in de filtro de produto WooCommerce gratuito com melhor classificação que permite aos visitantes pesquisar produtos por categorias, atributos, tags, taxonomias personalizadas e preço.

É compatível com a versão mais recente do plugin WooCommerce e oferece flexibilidade máxima com sua loja WooCommerce. Com este plugin, você pode criar um formulário de pesquisa e um modelo de loop de produto personalizado para facilitar o processo de filtragem.

Caracteristicas

  • Opções de shortcode e widget disponíveis
  • Este plugin usa apenas a API WooCommerce nativa
  • Compatível com o alternador de moeda WooCommerce
  • Compatível com produtos WooCommerce por página
  • Os visitantes podem filtrar produtos por taxonomias
  • Oferece contagem dinâmica de produtos
  • Permite filtrar por campos ACF

Classificação

4,6 de 5 estrelas

Preços

Livre

3. Filtros avançados de produtos AJAX

Filtros avançados de produtos AJAX

O plugin avançado AJAX Product Filters permite adicionar filtros ilimitados ao seu widget. É um plugin gratuito e fácil de usar com muitos recursos interessantes. Os visitantes podem filtrar facilmente os produtos por atributos, taxonomias personalizadas, preços, tags e categorias.

Este plugin economiza muito tempo, permitindo que você faça alterações sem se aprofundar no código. Também permite adicionar filtros ilimitados com um widget.

Caracteristicas

  • SEO amigável
  • Filtrar por postagem meta
  • Novos estilos para filtros, botões e controles deslizantes.
  • CSS personalizado pode ser adicionado através da página de administração
  • Opção para definir manualmente valores para o controle deslizante de preço
  • Não exige que você tenha experiência em javascript e html
  • Compatível com Divi Builder, Beaver Builder e Elementor Builder.
  • Criando filtros de arrastar e soltar
  • Vários elementos da interface do usuário

Classificação

4,8 de 5 estrelas

Preços

Livre

4. Filtros definitivos para WooCommerce

Filtros definitivos para WooCommerce

Este plugin permite que você implemente filtros de produtos com um widget WooCommerce simples e códigos de acesso. É muito fácil de usar e simplifica a experiência do visitante ao gerenciar um grande estoque.

Com este plugin, você pode criar uma experiência de navegação de produtos poderosa e eficiente para seus usuários. Ele também permite que os usuários usem uma visualização em formato de tabela para a página da loja.

Caracteristicas

  • Os visitantes podem filtrar produtos por categorias e tags WooCommerce
  • Totalmente compatível com WPML
  • Inclui uma pesquisa inteligente de produtos.
  • Permite adicionar um formato de tabela inteligente à sua loja
  • Inclui programação WooCommerce que permite decidir se a loja está aberta ou não.

Classificação

3,8 de 5 estrelas

Preços

Livre

Themify – Filtro de produto WooCommerce

Esta é uma ferramenta flexível para configurar opções de filtro de produtos em sua loja WooCommerce. Este plugin gratuito para WordPress permite que os visitantes filtrem facilmente produtos por faixa de preço, tags, atributos, categorias e muito mais. Esta é uma ferramenta incrível que ajuda os compradores a encontrar qualquer produto com rapidez e facilidade!

Ele vem com um filtro de arrastar e soltar que permite criar formulários pesquisa ilimitada. Ele também permite que os usuários visualizem os resultados da pesquisa ao vivo enquanto selecionam diferentes filtros.

Caracteristicas

  • Resultados de pesquisa ao vivo
  • Construtor de formulários de arrastar e soltar
  • Múltiplas combinações de filtros
  • Configure layouts verticais ou horizontais para sua loja WooCommerce

Classificação

3,4 de 5 estrelas

Preços

Livre

6. Filtros de produtos para WooCommerce

Filtros de produtos para WooCommerce

Filtros de produto para WooCommerce é um plugin pago que os visitantes da sua loja podem usar para filtrar produtos por categorias, atributos, tags, taxonomias, preço e status de estoque.

Ele permite que você crie filtros de produtos Ajax que tornam a experiência de pesquisa do usuário simples e contínua. O plugin também é fácil de usar e muito eficaz.

Caracteristicas

  • Simples e fácil de usar para visitantes da loja.
  • Suporte 24 horas por dia, 7 dias por semana
  • Miniaturas de produtos adaptáveis
  • Integração baseada em shortcode
  • Permite realizar uma filtragem rápida usando a tecnologia AJAX.
  • Permite paginar e classificar sem recarregar a página.
  • Possui filtro adaptativo e opções de contagem de produtos.

Classificação

2,4 de 5 estrelas

Preços

$ 6,59/mês ou $ 79/ano

7. Filtros de produto Ascell

Filtros de produtos Ascell

Filtros de produtos Acsell é a solução de filtragem WooCommerce mais rápida disponível, que funciona imediatamente e você tem controle total. Acsell levou AJAX/JavaScript para o próximo nível para fornecer uma nova camada de filtragem no navegador para desempenho incomparável. Direcione seus clientes aos produtos que desejam para um processo de compra mais rápido.

Oferece uma interface intuitiva e rápida. Além disso, os usuários não precisam ser profissionais em nenhuma tecnologia para aproveitar as vantagens deste plugin. O plugin é fácil de usar e permite aos usuários interagir com a interface de arrastar e soltar.

Caracteristicas

  • Oferece cache multinível
  • Assistente de configuração simples e configuração fácil
  • Flexibilidade máxima com ‘Grupos de Filtros’.
  • Você controla a interface do usuário com caixas de seleção, menus suspensos, amostras, imagens e muito mais
  • Filtre qualquer coisa; atributos do produto, preço, venda, estoque, rótulos, etc.

Classificação

Não qualificado

Preços

Teste grátis

Site único: $ 99 / ano

Multisite: $ 249 / ano

Teste você mesmo o desempenho! Obtenha seu teste gratuito de 7 dias agora!

8. Filtro de produto YITH WooCommerce Ajax

Filtro de produto YITH WooCommerce Ajax

O filtro de produto YITH WooCommerce Ajax ajuda os usuários a filtrar produtos em sua loja WooCommerce. Com este plugin, os usuários podem configurar filtros na página da loja que permitem aos clientes filtrar produtos por categorias, atributos, tags, preço e muito mais, tudo sem recarregar a página, graças ao AJAX.

Além disso, você também pode criar uma seção de filtro poderosa na página do produto para permitir que os usuários filtrem seus produtos com base em seus requisitos. Você também pode personalizar o estilo dos filtros combinando-os com o tema do t você armazena.

Caracteristicas

  • Filtrar por atributos e tags do produto
  • alimentado por Ajax
  • Permite personalizar a aparência do filtro.
  • Permite refinar sua pesquisa de produtos definindo uma faixa de preço personalizada usando um recurso intuitivo de filtro de preços
  • Permite que você crie um conjunto ilimitado de filtros.

Classificação

4,5 de 5 estrelas

Preços

$ 89/ano

Como usar o plug-in de filtro de produto WooCommerce

Embora existam muitos plug-ins que adicionam recursos de filtragem de produtos WooCommerce à sua loja, a escolha é sua. No entanto, todos os plugins compartilham um processo de instalação muito semelhante. Para os fins deste tutorial, usarei Themify – WooCommerce Product Filter.

Etapa 1 – Instale o plug-in de filtro de produto WooCommerce

Se você é usuário do WordPress, essa é a parte fácil e você já está lá. Porém, se você não for tão competente, aqui vai uma lista de instruções:

  • Certifique-se de ter o Plug-in WooCommerce instalado e ativado. Para instalação do WooCommerce, você pode conferir nossa postagem sobre como instalar e configurar uma loja WooCommerce.
  • Faça login no painel de administração do WordPress.
  • Navegar Plug-ins → Adicionar novo e pesquise “Themify – Filtro de produto WooCommerce.”
  • Clique no «instale agora» botão.
  • Após a instalação bem-sucedida, clique em “Ativar plug-in”Botão para começar.

instale e ative o plugin

Etapa 2: primeiros passos com o plug-in de filtro de produto

Antes de utilizar este plugin, você deve ter alguns produtos com categorias, tags, preços e atributos. Você pode ler nosso guia para iniciantes sobre tags, categorias e atributos de produtos WooCommerce.

Etapa 3 – Use o plug-in de filtro de produto WooCommerce

Depois de baixar e ativar este plugin com sucesso, você verá uma opção Filtros de produto no painel lateral onde poderá criar seus modelos de filtro.

Use o plug-in de filtro de produto WooCommerce

Observe que todas as opções de filtro estarão conectadas a tags, categorias, preços e atributos de produtos. Depois de criar o modelo de filtro, você pode copiar e colar os códigos de acesso necessários em qualquer lugar nas páginas e postagens.

Passo 4 – Crie um novo filtro de produto

Para adicionar novos filtros de produtos, você precisa ir ao painel lateral do painel de administração e navegar até Filtros de produto → Adicionar novo. Uma janela pop-up aparecerá onde você poderá visualizar e gerenciar todos os parâmetros de filtro de seus produtos.

Filtros de produtos → Adicionar novo.

Você verá as seguintes opções:

editar formulário de filtro de produto

  • Título do formulário: Insira um título.
  • Provisão: Você tem duas opções: Horizontal e Vertical.
  • Classificação de produto: Mostre ou oculte a capacidade de classificar produtos. Esta é uma opção suspensa que aparecerá no canto superior direito.
  • Quantidade de produtos: Esta opção mostra ou oculta o número de resultados na lista de pesquisa de produtos.
  • Paginação: Mostre ou oculte a paginação na lista de produtos filtrados.
  • Produto por página: Defina o número máximo de produtos que aparecerão em um resultado de pesquisa.
  • Alternar grupos de campos: Configure grupos de campos de alternância.
  • Role até o resultado: Defina a rolagem para o resultado.
  • Modelo de página de resultados: Mostrar na mesma página ou em outra.

Você pode arrastar e soltar os seguintes módulos em seu construtor de modelos, onde precisará colocar os módulos como desejar.

  • Categoria: Mostrar categorias de produtos.
  • Em estoque: Mostrar produtos em estoque.
  • À venda: Mostre ofertas e/ou descontos de produtos.
  • Preço: Mostre o controle deslizante de preço.
  • Título do produto: Mostre o título do produto.
  • SKU: Mostrar SKU do produto.
  • Tag: Mostre os rótulos dos produtos (se houver).
  • Botão de envio: Quando adicionado ao formulário, o botão desativa os resultados da pesquisa ao vivo. Ele exibirá os resultados da pesquisa com base no que você escolheu na opção “Modelo de página de resultados”.

Para demonstrar a capacidade de criação de formulários, arrastei categoria e preço para o formulário.

categoria e preço

Após clicar no botão Salvar, um código de acesso aparecerá. Copie o shortcode e cole-o em qualquer editor de texto.

o código curto aparecerá

Após adicionar este shortcode, algo semelhante à imagem a seguir aparecerá:

resultado

Você também pode adicionar filtragem à barra lateral por meio de um widget. Para isso, veja o próximo passo.

Etapa 5: Mostrar filtro da barra lateral do widget

Para exibir o filtro de produto em uma barra lateral, você precisa ir ao painel lateral do painel de administração e navegar até Aparência → Widget. Arraste e solte um widget WooCommerce na opção suspensa da barra lateral. Isso aparecerá em todas as páginas e postagens onde a barra lateral estiver visível.

Aqui tens! O resultado aparecerá na barra lateral como pode ser visto na imagem abaixo:

veja sua loja

Passo 6 – Reinstale o plugin

Às vezes, a atualização automática do plugin não funciona. Se este for o seu caso, tente reinstalar o plugin. Geralmente, isso não afeta o conteúdo/dados porque eles são salvos separadamente no banco de dados. Se você optar por reinstalar, lembre-se de fazer um copia de segurança do conteúdo do site WordPress (postagens, páginas, menus, etc.) antes de reinstalar.

  • Vai WP Admin → Ferramentas → Exportar e exporte todo o conteúdo para um arquivo zip.
  • Você pode usar WP Admin → Ferramentas → Importar para importar o backup (se necessário).

Ultimas palavras!

Isso é tudo. Se sua loja for WooCommerce, você deve adicionar um plugin de filtro de produto à sua loja e começar a multiplicar suas vendas. Espero que você não encontre problemas ao usar o plugin WooCommerce Product Filter e que este tutorial tenha sido útil. Se você tiver alguma dúvida ou sugestão em relação a este tutorial, pode deixar um comentário abaixo!

Scroll al inicio