Filtros flexíveis para sua loja

Se você tem uma loja WooCommerce, seu objetivo deve ser sempre fazer com que seja o mais fácil possível para seus visitantes encontrarem seus produtos, para que possam encontrar rapidamente os itens de seu interesse (e fazer uma compra!).

Se você tem muitos produtos, uma das melhores maneiras de fazer isso é com filtros de produto. Você provavelmente já os experimentou ao fazer compras online; você pode filtrar por categoria, preço, tamanho, atributos, etc. Basicamente, os filtros permitem que você pegue uma grande lista de produtos e filtro tudo se resume apenas aos artigos que interessam a você.

WooCommerce inclui alguns widgets de filtro de produto integrados para ajudá-lo a adicionar esse recurso à sua loja, mas eles são bastante limitados e você não pode personalizá-los em sua loja.

Em nosso Filtro de produto WooCommerce revisão, vamos dar uma olhada no plugin freemium WordPress que permite que você configure seu próprio sistema de filtro personalizável. Você pode adicionar filtros para categorias, tags, atributos, preços, palavras-chave, taxonomias / campos personalizados e muito mais. Além disso, você pode criar diferentes grupos de filtros e exibi-los em diferentes cenários, para que possa garantir que seus filtros estejam sempre otimizados para produtos / usuários específicos.

Há também uma vantagem especial para usuários do Elementor: graças a uma integração dedicada, você poderá fazer tudo isso diretamente da interface do Elementor, o que é realmente conveniente se você estiver usando o Elementor para projetar sua loja WooCommerce. No entanto, você não precisa usar o Elementor.

Continue lendo para aprender mais sobre o que este plugin oferece e veja como ele funciona.

Análise do filtro do produto WooCommerce: a lista de recursos

Em um alto nível, o Filtro de Produto WooCommerce ajuda você a adicionar filtros de produto personalizáveis ​​à sua loja WooCommerce, como mencionei na introdução.

Você pode escolher, misturar e combinar uma variedade de tipos de filtros diferentes:

  • Pesquisa por texto
  • Categorias
  • Tag
  • Taxonomias personalizadas – totalmente compatível com o plug-in de IU do tipo de postagem personalizada
  • Atributos do produto
  • Campos personalizados – Totalmente compatível com o plugin de campos personalizados avançados
  • Preço: um controle deslizante com preços mínimo e máximo
  • Faixa de preço – Escolha entre as faixas de preço padrão (e personalizáveis)
  • Autor do Produto
  • Produtos com desconto
  • Produtos em destaque
  • Avaliação do produto
  • Status do estoque do produto

Cada tipo de filtro inclui vários tipos de entrada diferentes que se aplicam a esse tipo de filtro. Esses tipos de entrada dependem do filtro exato. Mas, em geral, você pode escolher entre as seguintes opções:

  • Botões de rádio (seleção única)
  • Lista suspensa (seleção única)
  • Vários menus suspensos
  • Caixas de seleção (seleção múltipla)
  • Texto
  • Botões
  • Interruptor
  • Slider
  • Cor
Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress

No geral, você também terá toneladas de opções para controlar como cada filtro individual funciona.

Para exibir seus filtros, você pode escolher entre quatro métodos diferentes:

  • Widget WordPress
  • Código curto
  • Função PHP
  • Widget Elementor

Você também pode usar regras de segmentação para exibir diferentes filtros em determinados dispositivos (desktop ou celular) e em determinados conteúdos WooCommerce (por exemplo, uma categoria específica de produtos). Isso permite que você personalize seus filtros para otimizá-los para o usuário e / ou os produtos que o usuário está navegando.

Preços do filtro de produtos WooCommerce

O filtro de produto WooCommerce tem uma versão gratuita limitada no WordPress.org que permite acessar as funções básicas do filtro. No entanto, para desbloquear todos os recursos que abordamos neste artigo, você precisará da versão premium.

Existem três opções de licenciamento para a versão premium, todas com recursos completos:

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

Como criar um filtro de produto

Agora, vamos ao que interessa e mostrarei como funciona o Filtro de Produto WooCommerce, começando com como criar seu primeiro conjunto de Filtros de Produto.

Como mencionei, o plug-in permite criar vários grupos de filtros e exibi-los em diferentes situações.

Por exemplo, você pode exibir um conjunto de filtros para visitantes de desktop e outro conjunto para visitantes móveis. Ou você pode exibir filtros diferentes com base no tipo de produtos que o comprador está procurando.

O plug-in chama esses filtros de “filtros”, mas provavelmente é mais fácil pensar neles como “grupos de filtros” porque você pode incluir várias opções de filtro em um único “filtro”.

Para começar, vá para Woo Filtro de Produto → Adicionar Novo Filtro.

Escolha quais filtros incluir

Na primeira guia da nova interface de filtro de grupo, você pode usar um menu suspenso para escolher quais opções de filtro deseja incluir neste conjunto de filtros:

A lista de opções de filtro

Conforme você adiciona novos filtros ao seu grupo, você os verá atualizar em uma visualização ao vivo de seu design. Isso é útil para permitir que você veja rapidamente como seus filtros aparecerão para os compradores (embora o estilo real seja um pouco diferente e corresponda automaticamente ao seu tema):

Adicionar vários filtros

Para cada opção de filtro que adicionar, você obterá muitas configurações exclusivas desse tipo de filtro. Por exemplo, se você adicionar um filtro de preço, poderá definir preços mínimo / máximo, configurar a moeda, alterar o comportamento de entrada e muito mais:

Configure um filtro de preço

Para alguns tipos de filtros, você poderá escolher diferentes tipos de entradas. Por exemplo, se você adicionar o filtro de categoria de produto, poderá escolher entre:

  • Botões de rádio (seleção única)
  • Lista suspensa (seleção única)
  • Vários menus suspensos
  • Lista de caixas de seleção (seleção múltipla)
  • Botões
  • Texto
Leia Também:  Como saber quando é a melhor hora para publicar um blog ou uma postagem social

Em geral, você também terá muitas outras opções – a flexibilidade é definitivamente um dos pontos fortes do Filtro de Produto WooCommerce:

Configure uma categoria

Em geral, você verá o mesmo nível de detalhe para todos os filtros diferentes.

Além dos filtros integrados, você também pode criar seus próprios filtros personalizados com base em taxonomias ou campos personalizados.

O filtro de produto WooCommerce é totalmente compatível com campos personalizados avançados (ACF) e UI de tipo de postagem personalizada, para que você possa configurar facilmente esses filtros personalizados sem qualquer código.

Configure opções adicionais

Depois de escolher e configurar os filtros que deseja usar, você pode ir para o Escolhas para definir algumas configurações importantes para a operação do seu filtro.

Em primeiro lugar, você pode escolher se deseja ou não usar Ajax para os filtros / pesquisa de seus produtos. Com o Ajax habilitado, os clientes poderão pesquisar e aplicar filtros sem recarregar a página. Por outro lado, se você desativá-lo, os compradores precisarão recarregar a página para ver suas opções.

Você também pode configurar regras de segmentação importantes. Você tem duas opções:

  • Segmentação de conteúdo – mostre seus filtros em todas as páginas WooCommerce ou páginas, categorias, tags, etc. específicas
  • Segmentação por dispositivo – mostre seus filtros para todos os visitantes ou apenas usuários em um desktop ou dispositivo móvel.

Você também pode ativar uma opção para forçar a exibição apenas do filtro atual em uma página se vários filtros puderem ter regras de exibição sobrepostas:

Opções gerais

Existem também três outras guias para configurar opções adicionais:

  • Botões – defina o botão de filtro e, opcionalmente, adicione um botão “limpar todos os filtros”.
  • Conteúdo – configure várias opções em relação ao conteúdo da sua página. Por exemplo, se o produto é atualizado ou não, conta quando um usuário aplica um filtro.
  • Carregador – defina o ícone do carregador que aparece enquanto os produtos filtrados são carregados (ou desative-o totalmente).

Definir opções de layout

Finalmente, você pode configurar as opções de design para seus filtros.

No geral guia, você pode definir a largura de seus filtros e também adicionar seu próprio CSS ou JavaScript personalizado. Por exemplo, se você deseja adicionar seus filtros à barra lateral e deseja que ocupem toda a barra lateral, defina a largura igual a 100%:

Opções gerais de estilo

Nas demais guias de configurações de layout, você tem duas opções:

  • Você pode extrair os estilos diretamente do seu tema, que é a opção padrão. Isso essencialmente faz com que seus filtros se misturem ao estilo do seu tema.
  • Você pode substituir seus estilos de tema para adicionar seus próprios estilos personalizados.
Leia Também:  Como conduzir o funil por meio do marketing de conteúdo e do link building

Se você optar por substituir seus estilos de tema, poderá configurar tipografia, cores, espaçamento e muito mais.

Use estilos personalizados

Mostrar filtros de produto na interface

Para exibir seus filtros de produto na frente de sua loja, o Filtro de Produto WooCommerce oferece algumas opções diferentes:

  • Widget WordPress
  • Código curto
  • Função PHP
  • Widget Elementor

Por exemplo, se quiser adicioná-los como um widget, você pode adicionar o Woo product filter widget e, em seguida, use o menu suspenso para selecionar seu grupo de filtros:

Usando um widget

E aqui está um exemplo de como os filtros são extraídos do meu estilo de tema:

Exemplo de filtro de produto WooCommerce

Lembre-se: você pode adicionar vários widgets e cada um só será exibido de acordo com a configuração de segmentação que você escolher. Por exemplo, você pode adicionar dois widgets: um que exibe filtros da área de trabalho e outro que exibe filtros móveis.

A opção Elementor também é uma boa adição se você estiver usando o Elementor para projetar sua loja WooCommerce. Você pode configurar totalmente seus filtros de produto sem sair da interface do Elementor.

Considerações finais sobre o filtro de produto WooCommerce

No geral, o Filtro de Produto WooCommerce ajuda você a adicionar filtros de produto personalizáveis ​​sem a necessidade de nenhum conhecimento técnico especial.

Uma das maiores coisas que me chamou a atenção é a profundidade de personalização que você obtém ao definir qualquer um dos seus filtros. Você pode escolher entre muitas opções diferentes para controlar os tipos de entrada, comportamento, padrões e muito mais.

Além disso, também gosto da quantidade de tipos de filtro que oferece. Além de oferecer muitos filtros pré-construídos, também permite que você crie seus próprios filtros para taxonomias ou campos personalizados, permitindo que você os adapte às necessidades exclusivas de sua loja.

Se você quiser tentar, você pode tentar com a versão gratuita no WordPress.org. Então, se você gosta do que vê, considere atualize para a versão premium para desbloquear os tipos e funções de filtro mais avançados.

Tem uma pergunta sobre o filtro de produto WooCommerce? Pergunte na seção de comentários!

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: