Como adicionar facetas e filtros no WooCommerce – guia passo a passo

Grandes mercados de comércio eletrônico hospedam milhões de produtos digitais e físicos. Só a Amazon tem pelo menos 362 milhões de produtos. Você já se perguntou como os compradores on-line conseguem encontrar o produto exato de que precisam em meio a tantas opções?

Um dos principais recursos que tornam isso possível é a pesquisa facetada.

Como proprietário de um site WooCommerce, uma das maneiras mais eficazes de melhorar a experiência do cliente da sua loja é adicionar facetas e filtros.

Os filtros WooCommerce ajudam os clientes a restringir as pesquisas selecionando atributos para restringir suas opções.

A pesquisa facetada ajuda seus clientes a navegar em seu site mais rapidamente e encontrar os produtos exatos de que precisam.

Na maioria dos sites de comércio eletrônico, a pesquisa de produtos começa com a digitação de uma palavra-chave na barra de pesquisa. Se você tem uma loja grande com toneladas de produtos, os visitantes podem acabar tendo que percorrer várias páginas de resultados para encontrar o que estão procurando.

Isso pode afetar negativamente a experiência do cliente.

Você pode evitar isso adicionando facetas e filtros avançados do WooCommerce à sua loja. Isso melhorará significativamente sua experiência de pesquisa no site de comércio eletrônico.

Neste artigo, mostraremos a diferença entre os filtros e facetas do WooCommerce. Em seguida, demonstraremos como adicionar o recurso ao seu site.

O que são filtros e facetas no WooCommerce?

Filtros e facetas são dois recursos importantes que você encontrará em sites de comércio eletrônico bem-sucedidos. Você pode usar os elementos de experiência do usuário (UX) para melhorar a pesquisa de produtos e a navegação do site em sua loja WooCommerce.

Mas eles funcionam um pouco diferente.

Um filtro WooCommerce é um atributo de produto que os visitantes podem usar para restringir os itens exibidos em uma página de loja ou nos resultados de pesquisa.

Por exemplo, depois de pesquisar um nome de marca específico, um cliente pode decidir filtrar os resultados com base na cor, tamanho ou categoria do produto.

Os filtros WooCommerce exibidos em qualquer página de resultados de pesquisa ou página de loja são sempre os mesmos e não mudam com base na lista de produtos na página.

Por exemplo, uma página de resultados de pesquisa pode não conter nenhum produto 'Tamanho L', mas esse filtro ainda estará disponível. Portanto, se um usuário selecionar o filtro 'Tamanho L', ele não retornará resultados.

Facetas são filtros avançados. Eles são mais específicos e sempre relevantes para a página específica e os resultados da consulta.

As facetas do WooCommerce sempre mudam e são exibidas com base na consulta do usuário e sempre retornam um resultado de pesquisa relevante.

Isso tem benefícios óbvios de usabilidade para lojas online.

Você pode adicionar esse tipo de pesquisa avançada de produtos à sua loja usando um plug-in de pesquisa facetada do WooCommerce.

Esse tipo de plug-in ajudará você a adicionar facetas e filtros às suas páginas de categoria, páginas de loja e outras páginas, como sua base de conhecimento. Você também poderá personalizar essas facetas extensivamente para atender às suas necessidades exclusivas.

No mundo real, os resultados são mais ou menos assim:

Como podemos ver no site Next, os filtros disponíveis em cada página de categoria mudam dependendo do produto listado na página.

A implementação de facetas dessa forma ajuda os visitantes do seu site a vasculhar seus produtos com muito mais rapidez.

O que procurar em um plugin de pesquisa facetada WooCommerce

Se você decidir experimentar um plug-in de pesquisa facetada do WooCommerce, terá que escolher entre várias opções. Assim como quase todas as outras categorias de plugins do WordPress, existem muitos plugins de pesquisa por aí.

Mas o que faz um ótimo plugin de pesquisa facetada WooCommerce?

Fácil de usar

A experiência do usuário de sua loja tem um grande impacto em sua capacidade de converter e atender às expectativas do consumidor. É por isso que é importante garantir que seu plug-in de pesquisa facetada facilite para seus visitantes encontrarem o que desejam.

A primeira consideração aqui é a relevância dos filtros disponíveis em cada página.

O plug-in deve ser capaz de agrupar e exibir filtros com uma lógica que se adeque ao comportamento de pesquisa do cliente médio.

Os filtros podem ser facilmente agrupados com base em categorias de produtos, atributos e até taxonomias personalizadas.

Você também deve prestar muita atenção ao design de UI/UX.

Por exemplo, os filtros e as facetas devem ser colocados no canto apropriado da página (geralmente na parte superior ou em um widget da barra lateral).

O número de estilos de exibição de filtro também é importante. As opções populares incluem menus suspensos, caixas de seleção, botões de opção e controles deslizantes de intervalo.

Quanto mais alternativas você tiver, melhor!

Um bom plugin de pesquisa facetada WooCommerce também deve ser fácil de usar no back-end. Mesmo os novatos do WordPress devem ser capazes de configurar filtros e definir outras configurações importantes em alguns minutos.

Capacidade de aplicar vários filtros simultaneamente

Este é um recurso importante que pode fazer ou quebrar a experiência de pesquisa. Certifique-se de que o plug-in escolhido permite aplicar vários valores de filtro.

Isso se aplica a filtros no mesmo grupo de filtros e filtros em grupos diferentes. Ser capaz de fazer isso pode economizar muito tempo do seu cliente.

Isso significa que eles não precisam mais ver várias páginas de resultados de pesquisa apenas para encontrar o que desejam.

O plugin também deve oferecer a opção de aplicar os filtros selecionados de diferentes maneiras.

Por exemplo, aplicar a pesquisa instantânea AJAX significa que os resultados relevantes aparecem imediatamente após qualquer usuário selecionar um filtro.

Como alternativa, você também deve poder adicionar um botão 'Aplicar filtro' no qual o usuário pode clicar após selecionar todos os filtros desejados.

Filtrando usando qualquer dado do produto

Falamos sobre a importância de adicionar filtros e facetas relevantes às páginas da sua loja anteriormente.

Fazer isso só é possível se o plug-in de pesquisa facetada do WooCommerce permitir que você crie filtros com base em praticamente qualquer tipo de dados do produto.

Você pode querer filtrar por qualquer tipo de atributo do produto, como tamanho, cor, marca e assim por diante.

Outros tipos de dados de produtos que tornam a pesquisa facetada muito eficaz incluem a filtragem por preço, classificações, categorias e tags.

Com o plug-in de filtro certo, você pode até adicionar filtros para dados não padrão usando plug-ins de taxonomia personalizados, como Easy Post Types and Fields.

Seu plugin ideal deve suportar a criação de filtros com quaisquer dados do produto. Isso garante que você não fique limitado a apenas alguns conjuntos de opções, independentemente do tipo de loja que você possui.

Desempenho e facilidade de desenvolvimento

O desempenho é outro componente importante da pesquisa da sua loja e da experiência geral do cliente.

Cada vez que um visitante aplica um filtro, o plug-in começa a pesquisar centenas ou talvez milhares de produtos para encontrar a correspondência certa.

Se o plug-in não estiver bem otimizado para desempenho, pode levar uma eternidade para exibir os resultados. Isso pode afastar alguns clientes ou até mesmo fazer com que eles saiam completamente da sua loja.

Além disso, é importante que o plug-in obtenha resultados de pesquisa facetados precisos, sem sair de nossos determinados produtos.

Um bom plugin de pesquisa facetada do WordPress também deve ser responsivo.

Os filtros parecem decentes em dispositivos móveis? Quão fácil é navegar por eles e eles exibem resultados rapidamente? Estas são perguntas importantes para as quais você precisa encontrar respostas.

A facilidade do desenvolvedor é igualmente importante.

O código de um bom plug-in de pesquisa facetada do WooCommerce deve ser escrito de uma maneira fácil de editar. Isso é relevante para usuários que conhecem um pouco de PHP e CSS.

Isso significa que eles poderão ajustar o comportamento de pesquisa ou personalizar a aparência dos filtros de acordo.

Compatibilidade com outros plugins

Para obter os resultados desejados em sua loja WooCommerce, é importante usar apenas plugins compatíveis com outros plugins do WordPress.

Isso ajuda você a aproveitar a modularidade da plataforma.

Por exemplo, há momentos em que faz sentido adicionar um sistema de filtragem às suas tabelas de produtos WooCommerce. Ambos os recursos requerem diferentes plugins do WordPress.

Você também pode querer que os visitantes do seu site usem filtros ao navegar em seu sistema de pedidos de restaurantes online.

Em cada caso, você precisará de um plug-in de pesquisa facetada do WooCommerce que funcione perfeitamente com outros plug-ins do WooCommerce. Isso ajuda você e seus clientes a obter o tipo de experiência do usuário que você deseja.

Qual é o melhor plugin de filtro facetado do WordPress?

Para responder a essa pergunta, comparamos vários plugins de filtro facetado com base nos fatores mencionados acima.

No final, nossa escolha número 1 para o melhor plugin de pesquisa facetada do WooCommerce é o WooCommerce Product Filters.

Para iniciantes, este plug-in de filtro facetado se destaca por fornecer um sistema de pesquisa eficaz e preciso. Depois de adicioná-lo ao seu site, seus clientes poderão combinar vários dados de produtos para filtrar rapidamente suas ofertas de produtos em todo o site.

O plug-in oferece excelente desempenho ao indexar seus produtos e fornecer resultados de pesquisa relevantes instantaneamente.

Você também obtém muita flexibilidade quando se trata de exibir seus filtros. Esses estilos de filtro combinam com outros recursos de design de UI/UX que facilitam muito a navegação dos usuários em seu site e a localização do que estão procurando.

Vamos dar uma olhada nos principais recursos do plugin.

Principais recursos dos filtros de produtos WooCommerce

Aqui estão alguns dos principais recursos de filtro facetado que o WooCommerce Product Filters adiciona à sua loja WordPress:

• Crie filtros facetados usando qualquer dado do produto. Use os Filtros de produtos WooCommerce para criar filtros com base em tags de produtos, categorias, classificações e atributos como cor e tamanho. Você também pode adicionar taxonomias personalizadas como filtros. Quando os visitantes do site aplicarem suas facetas selecionadas, o plug-in mostrará as facetas ativas e a contagem de produtos correspondente na página de resultados.
• Adicione facetas às páginas da sua loja de várias maneiras. Depois de criar facetas com base nos dados do produto, você também terá várias opções para adicioná-las à sua loja. Você pode adicionar facetas criando um widget de barra lateral do zero e adicionando-o a qualquer página que escolher. Como alternativa, você também pode criar grupos de facetas que são coleções de facetas relacionadas. Os grupos ajudam você a adicionar pesquisa facetada às páginas da sua loja mais rapidamente. Cada grupo de facetas tem um código de acesso que você pode copiar da página 'Grupos de filtros' em seu painel do WordPress.
• Escolha entre vários estilos de filtro. Torne a pesquisa facetada do WooCommerce o mais interativa e intuitiva possível. Você obtém uma ampla variedade de estilos de exibição para escolher, dependendo do tipo de filtro. Você pode exibir seus filtros como menus suspensos, caixas de seleção, botões de opção, amostras de cores e controles deslizantes de intervalo. Você também pode configurar a pesquisa facetada em um widget da barra lateral ou na parte superior da lista de produtos.
• Desempenho responsivo e pesquisa AJAX instantânea. O plug-in fornece resultados de pesquisa instantâneos se você usa AJAX ou o botão 'Aplicar filtro'. Isso independentemente do número de produtos que sua loja possui. Também é bem otimizado para que sua pesquisa facetada WooCommerce funcione perfeitamente em qualquer dispositivo do qual seu cliente esteja visitando.
• Plugin WooCommerce e compatibilidade de temas. Quer sua loja tenha uma tabela de produtos WooCommerce ou um sistema de pedidos de restaurantes, os Filtros de Produtos podem adicionar um sistema de filtragem facilmente. O plug-in funciona perfeitamente com alguns modelos iniciais do Astra WooCommerce e não enfrentamos nenhum problema.

Agora que sabemos com que eficácia os Filtros de Produto WooCommerce funcionam, vamos mostrar como adicionar facetas e filtros com ele.

Como adicionar pesquisa e filtros facetados a uma loja WooCommerce

Pronto para adicionar facetas e filtros avançados do WooCommerce à sua loja?

Siga estes 4 passos simples:

Etapa 1: instale e ative os filtros de produtos WooCommerce

Comece obtendo uma cópia dos Filtros de Produtos WooCommerce aqui.

Depois de obter o plug-in, você receberá um e-mail contendo sua chave de licença e um link para baixar o plug-in. Salve esta chave com segurança, pois você precisará dela para ativar a licença do plug-in posteriormente.

Faça login no seu painel de administração do WordPress e vá para Plugins > Adicionar Novo > Carregar Plugin .

Carregue o arquivo .zip que você baixou anteriormente e clique em Instalar agora . Em seguida, clique em Ativar plug-in .

Etapa 2: definir as configurações do filtro do produto

Depois de ativar o plug-in, o assistente de configuração será aberto. Ele solicitará que você ative sua licença e escolha as principais configurações para os filtros do seu produto WooCommerce.

Aqui estão algumas das configurações mais importantes a serem lembradas:

• Modo de filtro: esta seção permite que você decida o que acontece quando os visitantes do site selecionam filtros. Você pode optar por aplicar os filtros imediatamente após serem selecionados (AJAX) ou exigir que o usuário clique no botão ' Aplicar filtros '.
• Contagem de produtos: escolha como exibir o número de produtos relevantes para a seleção do filtro. A contagem de produtos pode ser exibida ao lado de cada filtro de produto individual. Você também pode optar por ambos os métodos.
• Visibilidade do filtro: decida onde exibir os filtros que você cria e quais filtros exibir. Você pode selecionar um grupo de filtros para aparecer na parte superior de todas as páginas da sua loja. Também é possível ocultar os filtros em dispositivos móveis e/ou desktops para que os clientes possam clicar em um botão para revelá-los em um painel deslizante. Isso é ideal para economizar espaço na página.

Depois de definir as configurações padrão, é hora de criar seu primeiro filtro facetado do WooCommerce. Você adicionou com sucesso um plugin de pesquisa facetada WooCommerce à sua loja!

Etapa 2: crie seus primeiros filtros

Os Filtros de Produtos WooCommerce permitem que você crie filtros e facetas com base em diferentes dados de produtos. Você pode usar dados simples, como categorias, tags, preço, classificações, valor 'Em estoque' ou até taxonomias personalizadas.

Para fazer isso, vá para Produtos > Filtros no administrador do WordPress.

Na guia Filtros , clique para editar o grupo de filtros padrão ou crie um novo. Encontre o formulário Adicionar novo filtro e preencha as informações necessárias.

Insira detalhes importantes, como o nome do filtro, o tipo de filtro e os atributos do filtro, como cor, tags e categoria do produto.

O tipo de filtro refere-se ao estilo de exibição, como lista suspensa, caixas de seleção ou rótulos. Existem muitas opções de estilo para exibir seus filtros de produtos WooCommerce, então escolha aquela que fornecerá a melhor experiência do cliente para cada filtro.

Etapa 4: adicionar filtros a qualquer página

Por fim, você pode adicionar um grupo de filtros a qualquer página usando três métodos à sua escolha.

Exibir em todas as páginas da loja

O primeiro método é o mais fácil. Na verdade, já cobrimos isso! No assistente de configuração, havia uma opção para selecionar um grupo de filtros que apareceria na parte superior de todas as páginas da sua loja WooCommerce.

Se você já fez isso, ótimo. Caso contrário, vá para Produtos > Filtros > Configurações e faça isso agora.

Adicionar widgets de filtro

Como alternativa (ou além) de mostrar um grupo de filtros acima das páginas da sua loja, você pode adicionar filtros como widgets da barra lateral.

Para fazer isso, navegue até Aparência > Widgets .

Procure por ' Filtros de Produto ' e adicione-o à parte da página que você deseja. Você também pode escolher entre um layout vertical ou horizontal para os filtros.

Se o seu tema tiver áreas de barra lateral integradas, você poderá adicionar widgets de filtro a qualquer barra lateral.

Os usuários do tema Astra também podem aproveitar os benefícios da barra lateral Off Canvas, onde os usuários clicam em um botão ou link para revelar uma barra lateral oculta. Essa é uma excelente ideia se você tiver muitos filtros e quiser fornecer filtros avançados sem sobrecarregar a página.

Também é útil se você quiser adicionar outros tipos de widget à barra lateral oculta, além dos widgets de filtro.

Use um shortcode para adicionar filtros em qualquer lugar

Por fim, você pode obter ainda mais flexibilidade usando um código de acesso para exibir filtros em qualquer lugar do seu site.

Esta é uma boa opção se você estiver usando um plugin de construtor de páginas para projetar suas páginas de loja. Basta adicionar o código de acesso a um bloco 'Código de acesso' em qualquer lugar da página em que você está listando os produtos.

Para encontrar o código de acesso, vá para Produtos > Filtros e copie e cole o código de acesso para o grupo de filtros que você deseja exibir.

Adicione a pesquisa facetada do WooCommerce à sua loja hoje

A descoberta de produtos e a navegação no site são uma parte crucial da experiência do cliente de todas as lojas WooCommerce. Com a pesquisa facetada do WooCommerce, você pode ajudar os visitantes da sua loja a encontrar os produtos exatos de que precisam mais rapidamente.

Isso, por sua vez, impactará positivamente sua taxa de conversão e satisfação do cliente.

Você pode atualizar a experiência de pesquisa da sua loja adicionando um plug-in de filtro facetado a ela.

Neste artigo, demonstramos como usar filtros de produtos para adicionar facetas e filtros à sua loja WooCommerce.

Esperamos que essas etapas simples tenham ajudado você a melhorar a experiência do cliente em sua loja!

Deixe-nos saber se você tiver alguma dúvida na seção de comentários abaixo.