Como Adicionar Filtro de Taxonomias Ajax na Busca do WordPress

A busca padrão do WordPress entrega aos visitantes uma longa lista de posts sem nenhuma forma de refinar a busca.

Quando não conseguem filtrar por categoria, tag ou tipo de post, a maioria desiste e volta para o Google.

Adicionar um filtro de taxonomias Ajax à sua busca do WordPress corrige isso. Permite aos visitantes refinar instantaneamente os resultados por categoria, tag, campo personalizado ou tipo de post, o que pode levar a uma experiência mais amigável.

Neste guia, mostrarei como adicionar um filtro de taxonomias Ajax ao seu site WordPress. Ao final, você poderá oferecer aos seus visitantes uma experiência de busca rápida e intuitiva.

Por que Usar Filtro de Taxonomias Ajax na Busca do WordPress?

A busca com Ajax é mais rápida e oferece uma melhor experiência ao usuário do que a função de busca padrão do WordPress. Ajax significa que os resultados são atualizados na própria página em tempo real, sem recarregar a página inteira.

Por exemplo, um site de concessionária de carros pode ter taxonomias personalizadas para tipos de veículos, faixas de preço, modelos e muito mais. Com filtros Ajax, os visitantes podem rapidamente refinar suas opções e encontrar exatamente o que precisam sem recarregar a página.

Você pode adicionar filtros semelhantes ao seu próprio site WordPress para melhorar a navegação e ajudar os usuários a encontrar conteúdo com mais facilidade.

Nos bastidores, as taxonomias do WordPress (como categorias e tags) também facilitam para os proprietários do site organizar o conteúdo de forma estruturada.

No entanto, a busca padrão do WordPress não é tão poderosa e não oferece a capacidade de filtrar conteúdo com base em taxonomias, entre outras coisas. Se você usa taxonomias personalizadas em seu site, a busca padrão tem um desempenho ainda pior.

É aqui que você precisará de um plugin do WordPress para te ajudar. Nas seções a seguir, cobrirei dois métodos sobre como adicionar um filtro de taxonomias Ajax a uma busca do WordPress.

O primeiro método melhora o próprio algoritmo de busca do WordPress para que ele inclua taxonomias nos resultados da busca. O segundo método adiciona uma interface de filtro Ajax visível que se integra nativamente com o primeiro método, para que os visitantes possam refinar os resultados com um clique.

Simplesmente clique nos links abaixo para pular para a seção de sua preferência:

Pronto? Vamos começar.

Método 1: Adicionar Taxonomias Ajax à Busca do WordPress Usando SearchWP

A maneira mais fácil de adicionar taxonomias Ajax à busca do WordPress é usando SearchWP. É o melhor plugin de busca para WordPress e facilita para os usuários encontrarem o que procuram em seu site.

Ele vai além de usar apenas o conteúdo de seus posts e páginas para procurar coisas. O SearchWP usa campos personalizados, taxonomias, atributos de produtos WooCommerce, arquivos de texto, tabelas personalizadas e muito mais.

Para mais informações sobre o plugin, veja nossa extensa análise do SearchWP.

Passo 1: Cadastre-se no SearchWP

Primeiro, vamos visitar o site do SearchWP e criar uma conta. O plano Standard (US$ 99/ano, 1 site) cobre tudo o que você precisa para este método.

Se você planeja adicionar uma interface de filtro no front-end (o Método 2 abaixo usa WPFilters, também do SearchWP), o pacote All Access (US$ 399/ano) inclui ambos os plugins e economiza o custo de comprá-los separadamente.

Depois disso, você pode baixar e instalar o plugin em seu site. Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.

Após a ativação, você precisará ir para SearchWP » Configurações no painel de administração do WordPress. A partir daqui, basta inserir a chave de licença, que você pode encontrar facilmente na área da sua conta.

Passo 2: Crie seu Algoritmo de Busca

Agora, você pode ir para SearchWP » Algoritmo no painel do WordPress.

A partir daqui, você pode editar a relevância da busca para o seu site. Por exemplo, você pode aumentar os pesos para título, conteúdo, slug e resumo para ajudar os usuários a encontrar o que procuram.

Para adicionar taxonomias à relevância da pesquisa, você pode clicar no botão ‘Adicionar/Remover Atributos’.

Isso abrirá uma nova janela.

Você pode clicar no menu suspenso 'Taxonomias' e selecionar se deseja incluir categorias, tags, formatos ou todos eles na busca do WordPress.

Após selecionar as taxonomias, não se esqueça de clicar no botão ‘Concluído’.

Agora você deve ver as taxonomias para o algoritmo de busca de posts do blog do seu WordPress. Você pode usar o controle deslizante para aumentar sua relevância nas buscas do WordPress.

Você também pode clicar no botão ‘Editar Regra’ para determinar qual conteúdo pode e não pode aparecer nos resultados da pesquisa.

Por exemplo, o SearchWP incluirá todas as categorias do seu site. Você pode remover categorias das quais não deseja que o conteúdo apareça ou adicionar várias condições para personalizar os resultados da pesquisa.

Não se esqueça de clicar no botão ‘Concluído’ quando terminar.

Agora você pode editar o algoritmo de busca para suas páginas, arquivos de mídia, produtos WooCommerce e muito mais para aparecer no SearchWP.

Agora, sempre que um visitante pesquisar por páginas e posts em seu site, o SearchWP incluirá taxonomias durante o processo de pesquisa.

Método 2: Adicione uma Interface de Filtro Front-End com WPFilters

O Método 1 tornou o algoritmo de busca do WordPress ciente de taxonomias no back-end. O Método 2 adiciona a interface de filtro visível com a qual os visitantes interagem no front-end.

WPFilters é o par natural — é construído pela mesma equipe do SearchWP e se integra ao SearchWP imediatamente. Ele vem com um construtor de arrastar e soltar, para que você possa configurar checkboxes, dropdowns, sliders e filtros de busca sem tocar em código. Ele também suporta Advanced Custom Fields e qualquer tipo de postagem personalizada, o que o torna uma ótima opção se você construiu conteúdo personalizado em seu site.

Colocar o elemento WPFilters na barra lateral de resultados da sua busca (ou em qualquer área de widget que apareça na página de resultados da busca) permite que os visitantes filtrem os resultados do SearchWP em tempo real, sem recarregar a página.

Para mais detalhes, você pode conferir nossa análise completa do WPFilters.

Passo 1: Instalando o Plugin WPFilters

Para começar, você precisará criar uma conta WPFilters no site do SearchWP. O WPFilters é desenvolvido pela equipe do SearchWP, portanto, ele se integra nativamente à configuração do SearchWP que você acabou de concluir no Método 1.

Se você comprou o pacote SearchWP All Access no Método 1, o WPFilters já está incluído em sua assinatura — basta baixar o ZIP do WPFilters da sua área de conta SearchWP e pular para a Etapa 2.

Caso contrário, clique no botão ‘Obter WPFilters Agora’ na página do produto WPFilters, escolha um plano e conclua o processo de checkout. O plano Standard (US$ 49/ano, 1 site) cobre tudo o que você precisa para este tutorial.

Após o cadastro, você desejará baixar o arquivo ZIP do plugin para o seu computador e copiar sua chave de licença.

Em seguida, você instalará e ativará o plugin em seu site WordPress.

Na sua área de administração do WordPress, vá para Plugins » Adicionar Novo Plugin.

Em seguida, você pode clicar no botão ‘Upload Plugin’.

No carregador de arquivos, simplesmente clique no botão ‘Escolher Arquivo’ para carregar seu arquivo zip do WPFilters do seu computador. Clique em ‘Instalar Agora’ e depois em ‘Ativar’ quando ele aparecer para concluir a instalação.

Para detalhes, veja nosso guia para iniciantes sobre como instalar um plugin do WordPress.

Assim que o plugin estiver ativo, o WPFilters o guiará por um assistente de configuração para concluir a configuração inicial. Recomendo seguir cada etapa cuidadosamente para que o plugin esteja pronto antes de você começar a criar seus filtros.

Com isso feito, você pode clicar em ‘Salvar e Concluir’.

Passo 2: Configurando Filtros de Taxonomia Ajax

Agora, é hora de criar seu primeiro filtro.

No seu painel do WordPress, vá para WPFilters » Elementos e clique em ‘Adicionar Novo’ para criar um novo elemento de filtro.

Você será solicitado a dar um nome ao seu elemento de filtro.

Escolha algo descritivo que o ajude a identificá-lo mais tarde, como “Filtro de Categoria” ou “Filtro de Tipo de Produto”.

Em seguida, você precisará escolher um tipo de filtro.

O WPFilters oferece várias opções de exibição para você escolher, incluindo:

• Caixas de seleção – ótimas para permitir que os usuários selecionem várias opções de uma vez
• Botões de rádio – ideais quando você deseja que os usuários escolham apenas uma opção
• Menus suspensos – uma opção compacta que funciona bem quando você tem muitas opções de filtro
• Menu suspenso (seleção múltipla) – Permite que os usuários escolham mais de uma opção em uma única lista suspensa
• Pesquisar – Adiciona uma caixa de pesquisa para que os usuários possam encontrar rapidamente o que precisam
• Slider – Ideal para selecionar intervalos, como preços ou outros valores numéricos
• Botão Redefinir – Permite que os usuários limpem todos os filtros aplicados com um clique

Para este tutorial, usaremos o tipo de filtro Caixa de seleção porque ele permite que os usuários selecionem várias categorias ou tags ao mesmo tempo. Isso lhes dá a maior flexibilidade ao refinar sua pesquisa.

Os outros tipos de filtro se encaixam em trabalhos diferentes: use um Slider para intervalos de preços ou valores numéricos, um Menu suspenso quando uma taxonomia tiver mais de 10 termos e o espaço vertical for limitado, botões de rádio para atributos de valor único, como ordem de classificação, e Pesquisar quando houver muitos termos para digitalizar visualmente.

Quando estiver satisfeito com o tipo de filtro, role para baixo até a seção ‘Fonte de Dados’ . É aqui que você conectará seu filtro a uma taxonomia real em seu site.

Você pode selecionar em qualquer uma das taxonomias disponíveis em seu site WordPress, como:

• Categorias – as categorias de conteúdo padrão do WordPress
• Tags – as tags padrão do WordPress
• Taxonomias personalizadas – quaisquer taxonomias personalizadas que você criou para o seu site

Recomendo que você reserve um momento aqui para pensar em qual taxonomia faz mais sentido para seus visitantes. Escolher a certa tornará seu filtro muito mais útil e intuitivo para as pessoas que navegam em seu site.

Passo 3: Personalizando seu Elemento de Filtro

Agora que você configurou seu filtro e o conectou a uma taxonomia, é hora de personalizar como ele se parece e se comporta em seu site. O WPFilters oferece uma boa variedade de opções de exibição para ajudá-lo a combinar o filtro com o design do seu site e as necessidades de seus visitantes.

Na seção ‘Contêiner’, você encontrará opções como:

• Título do filtro – exibe um cabeçalho acima do seu filtro para que os visitantes saibam pelo que estão filtrando
• Elementos recolhíveis – permite que os visitantes expandam ou recolham o filtro, o que é útil se você tiver vários filtros em uma página
• Ver mais/menos – mostra um link Ver Mais para recolher sua lista se ela for muito longa
• Mostrar mais após – se você habilitar ‘Ver mais/menos’, pode especificar o número de itens a serem exibidos inicialmente antes de mostrar o link
• Layout horizontal – organiza suas opções de filtro lado a lado em vez de empilhadas, o que pode funcionar bem para layouts mais largos

Vá em frente e ative os que você deseja.

Em seguida, você pode personalizar como seus itens de filtro são exibidos, como:

• Contagem de itens – mostra o número de posts disponíveis sob cada termo de filtro, para que os visitantes saibam o que esperar antes de clicar.
• Mostrar vazio – escolha se deseja mostrar termos de taxonomia que não têm conteúdo correspondente.
• Hierárquico – ativar a exibição hierárquica torna muito mais fácil para os leitores navegarem em seu conteúdo, o que pode melhorar a experiência do usuário.

Veja o que você vê na tela:

Quando estiver satisfeito com suas configurações, clique em ‘Salvar’ para armazenar a configuração do seu filtro.

Seu elemento de filtro estará então pronto para ser adicionado a qualquer post ou página em seu site WordPress.

Se você quiser criar outro elemento WPFilters, pode simplesmente repetir o processo.

Passo 4: Incorporando seus Filtros no WordPress

Agora que seu elemento de filtro está salvo, é hora de adicioná-lo ao seu site para que os visitantes possam realmente usá-lo.

Para a combinação SearchWP + WPFilters que configuramos no Método 1, o local mais útil é o widget da barra lateral na sua página de resultados de pesquisa — é onde os resultados do SearchWP aparecem, e o filtro os refinará em tempo real conforme os visitantes clicam.

WPFilters oferece três opções de posicionamento:

• Widget da barra lateral (recomendado para filtragem de resultados de pesquisa) – aparece em todas as páginas que usam sua barra lateral, incluindo a página de resultados de pesquisa.
• Bloco Gutenberg – posicione o filtro em uma página específica (bom se você também quiser páginas de arquivo filtradas, como uma página de destino “Navegar por Categoria”).
• Shortcode – cole em qualquer lugar onde um shortcode seja suportado, incluindo construtores de páginas e widgets clássicos.

Para adicionar o filtro à sua barra lateral, vá para Aparência » Widgets em sua área de administração.

A partir daqui, procure a barra lateral do seu tema (por exemplo, uma Barra Lateral Principal ou Barra Lateral de Pesquisa) na lista de áreas de widget disponíveis. Clique nela para expandir e ver os widgets existentes.

Em seguida, clique no ícone de mais para adicionar um novo widget e, em seguida, adicione o widget WPFilters Element.

No painel Configurações do Elemento, selecione seu filtro no menu suspenso.

Você pode adicionar vários widgets de filtro se quiser oferecer mais opções de filtragem (um widget por taxonomia funciona bem — por exemplo, um filtro de Categoria e um filtro de Tag lado a lado).

Depois de selecionar seu filtro, clique em ‘Atualizar’ ou ‘Publicar’ para salvar suas alterações.

Seu filtro de taxonomia Ajax agora aparecerá na barra lateral da sua página de resultados de pesquisa, permitindo que os visitantes restrinjam os resultados do SearchWP em tempo real.

Dicas Bônus: Mais Coisas Que Você Pode Fazer com SearchWP

Depois de adicionar a filtragem de taxonomias Ajax, existem ainda mais maneiras de melhorar sua pesquisa no WordPress com o SearchWP. Aqui estão alguns recursos extras que valem a pena conferir:

🌫️ Use Pesquisa Difusa para Melhor Correspondência

Por padrão, a pesquisa do WordPress procura apenas por correspondências exatas. Isso significa que, se um visitante digitar uma palavra incorretamente ou usar uma frase ligeiramente diferente, ele pode não encontrar o que procura.

A pesquisa fuzzy resolve esse problema mostrando resultados que são próximos o suficiente, como capturar erros de digitação ou formas de palavras semelhantes. É uma maneira simples de personalizar sua pesquisa do WordPress para torná-la mais inteligente.

Veja nosso guia sobre como adicionar pesquisa fuzzy no WordPress para mais detalhes.

📄 Torne Arquivos PDF Pesquisáveis

Se você compartilha PDFs em seu site, como manuais, eBooks ou brochuras, o SearchWP pode indexar o conteúdo desses arquivos. Isso significa que, quando alguém usa sua barra de pesquisa, os resultados podem incluir o que está escrito dentro dos PDFs, não apenas os títulos dos arquivos.

É especialmente útil para sites de negócios, blogs com muitos recursos e até mesmo para escolas.

Saiba mais em nosso guia sobre como adicionar indexação e pesquisa de PDF no WordPress.

🛍️ Melhore a Pesquisa de Produtos no WooCommerce

Se você gerencia uma loja online, o SearchWP também pode aprimorar a pesquisa de seus produtos.

Em vez de depender da pesquisa padrão do WooCommerce, você pode criar uma pesquisa de produtos mais inteligente que prioriza títulos, categorias, tags ou até campos personalizados. Isso ajuda os clientes a encontrar o produto certo mais rapidamente, o que pode levar a mais vendas.

Veja nosso guia sobre como fazer uma pesquisa inteligente de produtos no WooCommerce.

E para mais dicas e truques, você pode ver nosso guia sobre como melhorar a pesquisa do WordPress com SearchWP.

Perguntas Frequentes sobre Filtros de Taxonomia Ajax no WordPress

Antes de encerrar, aqui estão algumas perguntas comuns que nossos leitores fazem sobre como adicionar filtros de taxonomia Ajax no WordPress.

Preciso de habilidades de codificação para adicionar filtros Ajax no WordPress?

Não, você não precisa de nenhuma habilidade de codificação. Ambos os métodos acima funcionam sem código — SearchWP é configurado através do seu painel de configurações, e WPFilters usa um construtor de arrastar e soltar mais um bloco ou widget Gutenberg.

Preciso de SearchWP e WPFilters, ou posso usar apenas um?

Eles realizam trabalhos diferentes. O SearchWP torna o mecanismo de pesquisa do WordPress ciente de taxonomia no back-end. O WPFilters adiciona a interface de filtro visível no front-end. Você pode usar o SearchWP sozinho se quiser apenas melhores resultados de pesquisa, ou combinar ambos para a experiência completa de filtragem Ajax. O pacote All Access inclui ambos por um único preço.

Posso usar filtros de taxonomia em produtos WooCommerce?

Sim, os filtros de taxonomia funcionam muito bem para lojas WooCommerce. Você pode permitir que os clientes filtrem produtos por categorias, tags, atributos (como tamanho ou cor) e muito mais — semelhante à experiência de filtragem em grandes sites de comércio eletrônico.

Qual é a diferença entre filtragem Ajax e filtragem regular?

Com a filtragem Ajax, os resultados são atualizados instantaneamente sem recarregar a página. A filtragem regular recarrega a página inteira toda vez que um usuário seleciona uma opção, o que pode parecer mais lento.

Adicionar filtros Ajax deixará meu site mais lento?

Não, não necessariamente. Na maioria dos casos, os filtros Ajax melhoram a experiência do usuário carregando apenas os resultados filtrados em vez de recarregar a página inteira. Apenas certifique-se de estar usando um plugin bem otimizado.

Melhore seu Site WordPress com Busca e Filtro Avançados

Espero que este artigo tenha ajudado você a adicionar um filtro de taxonomia com tecnologia Ajax à sua pesquisa do WordPress em seu site.

Em seguida, você também pode querer conferir nossos guias sobre:

• Como Permitir que Usuários Filtrem Posts e Páginas no WordPress
• Como Criar um Portfólio Filtrável no WordPress
• Como Configurar o Filtro de Produtos WooCommerce
• Como Corrigir a Busca do WordPress que Não Funciona
• Como Ver Análises de Busca no WordPress

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.