Filtro de Produto WooCommerce – O Melhor Plugin de Filtro WooCommerce?

Publicados: 2020-12-15

Executar um site WooCommerce pode ser uma tarefa assustadora. Quando você inicia seu negócio, aprende a gerenciar um pequeno catálogo com compradores de nicho. No entanto, com o passar do tempo, aumenta a demanda por gerenciamento do site, incluindo o fornecimento de filtros para que os visitantes tenham uma ótima experiência de compra.

Neste artigo de revisão, vamos dar uma olhada no plugin WooCommerce Product Filter WordPress e como ele pode ajudá-lo a melhorar seu site para melhores vendas e experiência do usuário.

Antes de prosseguirmos, vamos acertar o básico.

Índice mostrar
O que é o filtro do produto? E por que você precisa disso?
Revisão do filtro de produtos WooCommerce
Instalação e configuração inicial
Configurações Gerais
Configurações principais
Botões, conteúdo e configurações do carregador
Projetando o filtro do produto
Recursos
Preços
Conclusão
Valorize nosso trabalho:

O que é o filtro do produto? E por que você precisa disso?

Qualquer site médio do WooCommerce realmente tem toneladas de produtos listados. Se um cliente visitar seu site, ele ficará confuso e poderá não encontrar o que está procurando. Para facilitar o processo de busca e restringir a busca, um filtro de produto é utilizado para fornecer ao cliente os meios necessários para encontrar o que procura.

Se o visitante achar o processo de pesquisa muito tedioso, ele sairá do seu site para uma alternativa.

Em suma, os filtros de produtos melhoram a experiência do usuário. Sem o filtro de produtos, seu site não terá a maneira necessária de navegar pelos produtos. Um plug-in de filtro de produto também melhora bastante a visibilidade do produto. Se a sua loja WooCommerce usa um bom filtro de produtos, você verá melhorias na satisfação e no crescimento do usuário.

Leia também: 21 plugins WordPress WooCommerce obrigatórios

Revisão do filtro de produtos WooCommerce

Instalação e configuração inicial

A instalação do Filtro de Produto WooCommerce é simples. Para começar, você precisa baixar o plugin do site oficial. É um plugin pago. No entanto, você também pode baixar a versão gratuita para experimentar o plug-in.

Para mostrar a instalação, vamos usar sua versão gratuita. Para instalá-lo, você precisa ir ao painel do seu site e selecionar Plugins >> Adicionar Novo. A partir daí, clique em “Upload Plugin”.

plugin de filtro woocommerce-1

Uma vez instalado, você verá uma nova opção de menu disponível no menu lateral do painel. Esse deve ser o Filtro de Produto Woo.

Agora você está pronto para usar o plugin!

No entanto, há mais algumas coisas que você precisa fazer antes que seja totalmente útil.

Essa etapa inclui a criação de um novo filtro. Então, para isso, temos que ir para Woo Product Filter >> Add New Filter.

plugin de filtro woocommerce-2

Uma vez lá, ele perguntará sobre o nome do filtro do produto. Vamos chamá-lo de “filtro de produto exclusivo”.

plugin de filtro woocommerce-3

Depois de clicar em "Salvar", ele será redirecionado para a página de filtro que acabamos de criar.

plugin de filtro woocommerce-4 Como você pode ver, você pode adicionar filtros com base em várias opções, incluindo preço, faixa de preço, classificar por e assim por diante!

A lista completa oferecida pela opção gratuita é a seguinte.

plugin de filtro woocommerce-5

Parece que você tem toneladas de opções prontas para uso – o que é uma coisa boa!

Então, tentei adicionar um filtro com o preço. Uma vez feito, ele adicionou instantaneamente a opção abaixo para definir a descrição e o intervalo do filtro. Se você expandi-lo, você será saudado com mais opções, como mostrado abaixo.

plugin de filtro woocommerce-6

As opções que você obtém com cada um desses filtros incluem:

  • Mostrar rótulo do título → esta opção pode ser ativada e desativada para desktop e dispositivos móveis.
  • Pele do filtro → Você pode alterar as capas do filtro.
  • Mostrar campos de entrada de preço → Isso permitirá que você mostre os campos de entrada de preço.
  • Posição do símbolo → Você pode usá-lo para alterar a posição do símbolo.
  • Mostrar moeda como → Aqui; você pode mostrar a moeda em símbolo e código.
  • Use a dica de ferramenta de texto em vez de campos de entrada → Ative e desative.

No geral, achei as opções bem elaboradas. Por exemplo, você pode mostrar o rótulo do título ou alterar a posição do símbolo e permitir que o usuário insira o intervalo.

Você é livre para adicionar tantos filtros quanto possível. Isso significa que a personalização completa está em suas mãos.

Portanto, se você deseja criar um filtro WooCommerce por categoria, precisa selecionar as “categorias de produtos”.

plugin de filtro woocommerce-7

Como você pode ver, há muitas opções quando se trata de categorias de produtos. Aqui, você pode alterar virtualmente tudo o que quiser. No entanto, algumas opções estão bloqueadas, pois estão disponíveis apenas na versão PRO. Se você comprou a versão PRO, terá todas as opções disponíveis. Discutiremos os preços posteriormente na seção de preços.

Resumindo, você precisa adicionar quantos filtros quiser e depois usá-los em seu site. Se você está pensando em como seria, confira a página de demonstração aqui.

Veredicto: É fácil de instalar e usar. Portanto, se você conhece sua necessidade, pode começar a usar o plug-in em algumas horas. Além disso, existem muitas maneiras de personalizar o filtro do produto conforme seu gosto.

Configurações Gerais

Nesta seção, vamos explorar quais são as configurações gerais do plugin. Essas configurações mostram como o plug-in é personalizável.

Vamos primeiro dar uma olhada na opção de configurações principais.

Configurações principais

plugin de filtro woocommerce-8

Aqui, você encontrará a opção útil do Ajax. Se você ativá-lo, permitirá que seu site carregue as alterações sem a necessidade de atualizar totalmente o site. Por padrão, a opção está habilitada e isso é bom do lado do criador de plugins.

Além disso, este é o local onde você pode escolher onde mostrar o filtro do produto. Você pode optar por mostrar todas as páginas do WooCommerce, categoria de produto, loja e assim por diante! A função de exibição oferece ainda a capacidade de exibir o filtro em todos os dispositivos, móveis ou dispositivos.

Outra opção bacana que você obtém é o Redirecionar para URL, onde você pode selecionar qualquer uma das páginas disponíveis para redirecionar para o filtro. Portanto, se você é uma loja WooCommerce, pode usá-la de forma criativa para redirecionar páginas 404 para uma página de filtro de produto! Isso dá a seus visitantes a capacidade de continuar procurando o que estão procurando e, portanto, reduzir a taxa de rejeição em seu site.

Psst..você precisa de uma versão PRO para usar a opção.

Outras opções disponíveis incluem a capacidade de definir dispositivos móveis/desktop, remover ações antes da filtragem ajax, definir o número de produtos por linha e assim por diante!

Botões, conteúdo e configurações do carregador

As outras configurações também são muito elaboradas e oferecem um bom número de opções. Nas configurações de botões, você tem a opção de alterar como os botões funcionam na configuração de filtros do produto. Você pode usá-lo para otimizar a aparência dos botões.

plugin de filtro woocommerce-9

A guia de conteúdo é onde você pode refinar ainda mais a maneira como o filtro funciona. Por exemplo, você pode ativar a recontagem de produtos por filtro selecionado ou definir texto se os critérios de pesquisa não corresponderem a nenhum resultado. Caso haja muitos produtos para serem exibidos, é aqui que você pode definir a opção Mostrar Mais para organizar os produtos.

plugin de filtro woocommerce-10

A guia do carregador permite personalizar a tela do carregador durante a qual o filtro busca os resultados para o comprador. Esta opção está disponível apenas para a versão PRO do plugin.

plugin de filtro woocommerce-11

Projetando o filtro do produto

Eu também estava curioso sobre a quantidade de flexibilidade que o WooCommerce Product Filter oferece quando se trata de design de como os filtros de produtos se parecem.

Aqui, não estou desapontado, pois há muitas opções para jogar. Para começar, você tem a opção de alterar estilos gerais, mas também blocos, títulos e botões.

Ele também vem com editor CSS e JS para quem deseja dar um passo extra para personalizar a aparência do filtro do produto. No entanto, existem opções suficientes disponíveis se você não quiser escrever código personalizado para personalizar o filtro do produto.

Se isso não for suficiente, você também pode usar o construtor Elementor para personalizá-lo!

Elementor é um dos principais construtores de arrastar e soltar. Eles fornecem uma maneira simples de criar e personalizar páginas. Aqui, você obtém acesso ao seu suporte, o que significa que você não apenas cria uma nova página completa de Filtro de Produto diretamente do Elementor, mas também pode fazer as alterações em uma já criada. Em suma, o WooCommerce Product Filter é 100% compatível com o Elementor. Portanto, se você tiver o Elementor instalado, terá acesso aos filtros de produtos WooBeWoo diretamente da guia Elementor. A melhor maneira de começar é ler o tutorial sobre como começar com o Elementor e seu plugin.

Recursos

Para resumir tudo o que o WooCommerce Product Filter tem a oferecer, vamos ver seus principais recursos abaixo.

  • Filtre por preço, faixa de preço, categorias, tags e muito mais → Como desenvolvedor ou proprietário do WooCommerce, você tem a opção de escolher vários critérios para filtro. Você pode criar seu próprio filtro personalizado com os critérios necessários e fazê-lo funcionar para o seu cliente. Diretamente da caixa, ele vem com os critérios “Obrigatório”, incluindo Preço, Classificar por, Categorias, Autor, Tags, À Venda, Em Estoque e assim por diante! Além disso, cada um desses critérios é personalizável e cada um deles vem com seu próprio conjunto de opções. Para os visitantes, isso significa que eles têm muitas opções para escolher.
  • Integração automatizada com WooCommerce: O plugin WooCommerce Product Filter é totalmente compatível com WooCommerce. Isso significa que, se sua loja estiver usando o WooCommerce, você está pronto para usá-lo sem pensar duas vezes. A integração do WooCommerce também significa que você pode usar diferentes recursos do WooCommerce com o plugin.
  • Fácil de configurar e personalizar: Já vimos que o plugin é fácil de configurar e personalizar. Existem várias opções que você pode usar para personalizar a funcionalidade de filtro de produtos em sua loja WooCommerce.
  • Suporte Ajax: Um dos maiores recursos que o plugin tem a oferecer é o suporte Ajax. Ele permite que o usuário use o recurso de filtro de produto, mas não precisa esperar o recarregamento da página para obter os resultados. O recurso Ajax significa que apenas a seção do produto é atualizada com base nas escolhas feitas pelo visitante. Ele vem pré-ativado. No entanto, se você estiver tendo problemas com ele ou tiver requisitos diferentes, poderá desativá-lo facilmente na opção de configurações.
  • Projetado para funcionar em diferentes dispositivos: o plug-in suporta design responsivo e isso significa que pode funcionar igualmente bem em telas móveis e de desktop. Você pode personalizar para mostrar o filtro do produto em todos os dispositivos ou apenas em dispositivos móveis ou apenas em computadores.
  • Totalmente compatível com Elementor: Por fim, vem com compatibilidade completa com Elementor. Isso significa que você pode personalizá-lo sem a necessidade de escrever uma única linha de código.

Preços

Quando se trata de preços, oferece três tipos de licença:

  • Um site – $ 49
  • Cinco sites – $ 99
  • Sites ilimitados – $ 199

Como você pode ver, você pode começar com o WooCommerce Product Filter com apenas $ 49 – que é um preço decente .

Se você optar por criar uma funcionalidade de filtro de produto para sua loja WooCommerce, poderá facilmente gastar alguns milhares de dólares apenas para obter a funcionalidade básica correta. Isso significa que você economiza bastante escolhendo um plug-in que faz quase tudo o que você deseja de um plug-in de filtro de produto WooCommerce.

O que eu gostei

  • Opções de personalização impressionantes
  • Você pode projetar o filtro do produto conforme seu gosto
  • Suporte Ajax que garante que a página não seja recarregada ao usar o filtro do produto
  • Ótimas opções de classificação
  • Suporta filtro e classificação por meio de tags, categorias e atributos
  • Vem com a opção de usar CSS e JS personalizados para refinar ainda mais o design para combinar com a marca e o tema
  • A versão gratuita é útil para novas lojas WooCommerce, mas limitada
  • Boa opção de preço
  • Excelente mecânica de carregamento personalizável
  • Quantidade ilimitada de filtros
  • Boa demonstração online para experimentar antes de ir para a versão PRO
  • Vem com suporte para o construtor Elementor
  • Ótima documentação e recursos

O que eu não gostei

  • As opções podem ser esmagadoras para alguns usuários
  • Muitas opções úteis bloqueadas na versão paga

Conclusão

No final, é fácil recomendar o WooCommerce Product Filter pelo que ele tem a oferecer. O preço razoável também significa que você não precisa gastar muito dinheiro para a funcionalidade. Seu suporte ao Elementor também significa que você não precisa escrever uma única linha de código para personalizá-lo.

Se você ainda está curioso sobre o que o plug-in tem a oferecer, experimente a oferta gratuita, onde você obtém acesso a alguns dos recursos do plug-in. Você também deve verificar a página de demonstração do plug-in, onde você pode experimentar a experiência ao vivo de como um visitante irá interagir com o plug-in. Então, o que você acha do WooCommerce Product Filter?

Comente abaixo e deixe-nos saber.