Como Criar um Formulário de Busca Personalizado no WordPress (Passo a Passo)

Uma amiga nossa tem um blog popular de receitas e uma vez nos contou como seus leitores ficavam frustrados com o recurso de busca. As pessoas digitavam “sobremesas sem glúten” e recebiam uma lista de receitas aleatórias de jantar em vez disso.

Isso a fez perceber o quão limitada é a busca padrão do WordPress.

Desde então, trabalhamos com muitos proprietários de sites enfrentando o mesmo problema — seus visitantes não conseguem encontrar o que procuram, mesmo quando o conteúdo existe.

Então, começamos a testar soluções: plugins, código personalizado e tudo mais.

Neste guia, mostraremos como criar um formulário de busca personalizado para WordPress que realmente funcione para seu conteúdo e seus visitantes, não importa o tipo de site que você administra.

Por que criar um formulário de busca personalizado para WordPress?

O WordPress vem com um recurso de busca integrado. No entanto, ele não busca todos os tipos de conteúdo, como comentários, avaliações de produtos ou tipos de postagem personalizados.

Isso pode impedir que os visitantes encontrem o que procuram, incluindo produtos que eles podem querer comprar em sua loja online.

Você também pode querer priorizar alguns conteúdos sobre outros para que eles apareçam mais alto nos resultados da busca. Por exemplo, você pode querer mostrar as postagens mais recentes do seu site no topo da página de resultados da busca ou exibir seus produtos mais populares do WooCommerce.

Com isso em mente, mostraremos como você pode personalizar o formulário de busca do WordPress. Cobrimos muitos tópicos neste post, então use os links rápidos abaixo para pular diretamente para a seção que você deseja ler:

• Etapa 1: Crie um Algoritmo de Busca Personalizado no WordPress
• Etapa 2: Crie um Formulário de Busca Personalizado para o Seu Site WordPress
• Etapa 3: Adicione o Formulário de Busca Personalizado ao Seu Site WordPress
• Dica Bônus: Otimize Seu Formulário de Busca Personalizado no WordPress 📈

Pronto? Vamos começar!

Etapa 1: Crie um Algoritmo de Busca Personalizado no WordPress

A maneira mais fácil de melhorar o algoritmo de busca integrado do WordPress é usando SearchWP.

SearchWP é o melhor plugin de busca para WordPress. É fácil de usar e oferece controle total sobre o algoritmo de busca do seu site, para que você possa ajudar os visitantes a encontrar o que procuram rapidamente. Ele também busca conteúdo que o WordPress ignora por padrão.

Para mais informações, você pode ver nossa análise completa do SearchWP, onde falamos sobre todos os seus recursos.

A primeira coisa que você precisa fazer é instalar e ativar o plugin. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, vá para SearchWP » Configurações e clique na aba ‘Geral’.

Aqui, você precisa inserir sua licença na caixa ‘Chave de Licença’. Você pode encontrar essas informações em sua conta no site do SearchWP.

Assim que terminar, clique no botão ‘Verificar Chave’.

Após ativar o plugin, você pode ajustar como o SearchWP indexa, pesquisa e exibe seu conteúdo. Você pode pensar nisso como criar um algoritmo de pesquisa do Google personalizado que é apenas para o seu blog WordPress ou site.

Para começar, você vai querer ir para SearchWP » Algorithm.

Aqui, você verá uma seção para os diferentes tipos de conteúdo que o SearchWP pesquisa por padrão, incluindo páginas, posts e arquivos de mídia.

Para incluir mais tipos de conteúdo nos resultados da pesquisa, você pode clicar no botão ‘Sources & Settings’.

Agora você verá um pop-up com todos os diferentes tipos de conteúdo que o SearchWP pode pesquisar. Por exemplo, você pode tornar os comentários de posts de blog pesquisáveis no WordPress.

Dependendo dos plugins do WordPress que você instalou, você pode ver algumas opções extras. Por exemplo, se você estiver usando WooCommerce, então você pode incluir 'Produtos' nos resultados de pesquisa do SearchWP.

Para mais informações sobre este tópico, sinta-se à vontade para consultar nosso guia sobre como fazer uma pesquisa inteligente de produtos WooCommerce.

Assim, você pode simplesmente marcar a caixa ao lado de cada tipo de conteúdo que deseja incluir nos resultados da pesquisa.

Você também notará que 'Radical de Palavra' (Keyword Stems) está selecionado por padrão. Isso significa que o SearchWP pode incluir resultados que não têm o mesmo final que o termo de pesquisa.

Por exemplo, se você pesquisar por 'correr', o radical de palavra incluirá 'correndo' e 'corredores' nos resultados.

Isso pode ajudar a mostrar resultados relevantes aos visitantes, por isso recomendamos deixar a caixa 'Radical de Palavra' marcada. No entanto, você pode desmarcá-la se quiser mostrar apenas as correspondências exatas.

Quando você estiver satisfeito com as informações inseridas no pop-up, clique em 'Concluído' (Done).

Agora você verá uma seção para todas as fontes que selecionou.

Cada seção tem seus próprios controles deslizantes de 'Relevância de Atributo Aplicável' (Applicable Attribute Relevance).

Este é o peso que o SearchWP dará a cada atributo ao criar os resultados da pesquisa.

O conteúdo que corresponde a um atributo com alta relevância aparecerá mais alto nos resultados da pesquisa. Em contraste, o conteúdo que corresponde a um atributo com menos relevância aparecerá mais baixo nos resultados da pesquisa do usuário.

Para dar a um atributo maior peso, simplesmente mova seu controle deslizante para a direita.

Na imagem a seguir, o mecanismo de busca dará mais valor a correspondências no título da postagem do que a correspondências no conteúdo da postagem.

Todo site WordPress é único, portanto, você pode querer experimentar diferentes configurações de relevância para ver o que oferece os resultados de pesquisa mais precisos e úteis.

Por exemplo, se você fez o upload do seu cardápio como um PDF no seu site de restaurante, então este é um conteúdo importante e você normalmente vai querer exibi-lo nos resultados da pesquisa.

Se você os usar, também poderá tornar campos personalizados pesquisáveis no seu site WordPress.

Você também pode criar regras que determinam se determinado conteúdo é incluído ou excluído dos resultados da pesquisa. Por exemplo, se você tem um marketplace online, pode querer excluir a página da conta, a página de checkout e a página de agradecimento.

Basta clicar no botão ‘Editar Regras’ na seção onde você deseja criar a regra. Na imagem a seguir, estamos adicionando uma nova regra à seção ‘Postagens’.

Isso abre um pop-up onde você pode editar as regras do mecanismo de busca.

Para criar sua primeira regra, você vai querer clicar no botão ‘Adicionar Regra’.

Agora você pode escolher o conteúdo que deseja incluir ou excluir dos resultados de pesquisa relevantes.

Então, vamos abrir o primeiro menu suspenso e escolher ‘Mostrar apenas entradas se’ ou ‘Excluir entradas se’, dependendo do tipo de regra que você deseja criar.

Agora você pode usar o restante das configurações para especificar o conteúdo que deseja excluir ou incluir. Por exemplo, se você quisesse incluir ou excluir uma categoria específica, você digitaria o nome da categoria.

Você também pode digitar quaisquer taxonomias personalizadas que desejar excluir ou incluir.

Para excluir ou incluir tags de postagem específicas dos resultados da pesquisa, basta abrir o menu suspenso e selecionar 'Tags'.

Em seguida, você pode prosseguir e digitar o nome da tag.

Para adicionar outra regra, basta clicar no botão 'Adicionar Regra' e repetir o mesmo processo descrito acima. Quando estiver satisfeito com a configuração das regras, certifique-se de clicar em 'Concluído'.

Agora você pode criar regras para outros tipos de conteúdo, como mídia e páginas, rolando até suas seções e clicando em seus botões 'Adicionar Regra'.

Quando estiver satisfeito com a configuração do algoritmo de pesquisa, você desejará rolar até o topo da página e clicar no botão 'Salvar'.

O SearchWP agora reconstruirá o índice. Dependendo da velocidade da sua conexão com a Internet e do seu provedor de hospedagem WordPress , isso pode levar alguns minutos.

Assim que você vir ‘Status do Índice 100%’, saberá que o SearchWP adicionou todo o seu conteúdo e regras ao índice de pesquisa.

Etapa 2: Crie um Formulário de Busca Personalizado para o Seu Site WordPress

Por padrão, todos os formulários de pesquisa em seu site WordPress usarão o novo algoritmo do SearchWP que você criou na seção anterior. Isso significa que os visitantes começarão a ver resultados mais precisos e relevantes imediatamente.

No entanto, para obter resultados ainda melhores, você pode querer criar formulários de pesquisa avançada para diferentes tipos de conteúdo. Por exemplo, você pode criar um formulário de pesquisa inteligente de produtos WooCommerce que examine apenas categorias de produtos específicas.

Você também pode criar um formulário de pesquisa avançada para tipos de postagem personalizados. Por exemplo, criamos um formulário de pesquisa de tipo de postagem personalizado para nossas páginas de ‘Ofertas’ e ‘Glossário’.

Cada formulário substituirá o algoritmo de pesquisa padrão do WordPress, portanto, você pode criar quantos formulários diferentes desejar com configurações exclusivas.

Para começar, você desejará ir para SearchWP » Formulários de Pesquisa e clicar no botão ‘Adicionar Novo’.

Isso cria um novo formulário de pesquisa que está pronto para você personalizar.

Por exemplo, se você administra um site de avaliações, então você pode criar um formulário que busca por posts de avaliações de produtos e ignora outros conteúdos como seus posts de blog e mídias. Isso pode ajudar os visitantes a encontrar o que procuram mais rapidamente.

Agora, você pode dar um nome exclusivo ao formulário clicando no pequeno ícone de lápis ao lado de ‘Formulário de Pesquisa 1’.

Na próxima tela, você pode prosseguir e digitar um nome para o formulário de pesquisa personalizado.

Isso é apenas para sua referência, então você pode usar qualquer coisa que ajude a identificar o formulário no painel do WordPress.

Depois disso, você pode escolher um layout usando as miniaturas de ‘Tema de Layout’.

Alguns desses layouts são projetados para formulários de pesquisa específicos. Por exemplo, se você criar um formulário que pesquisa por categoria no WordPress, então ‘Pesquisa por Categoria’ já terá muitas das configurações que você precisa.

Simplesmente clique nos diferentes temas para ver uma prévia de como este formulário ficará em seu site. Após tomar sua decisão, vamos rolar para a seção ‘Estilização Personalizada’.

As configurações que você vê podem variar dependendo do layout do seu tema. Por exemplo, se você selecionou ‘Pesquisa Rápida’, então a configuração ‘Pesquisa Rápida’ será ativada por padrão.

Você pode desativar e ativar as diferentes opções usando seus interruptores. A prévia será atualizada automaticamente à medida que você faz alterações, para que você possa ver o que funciona melhor para o seu site.

Dependendo do seu layout e do tipo de formulário que você deseja criar, pode ser necessário ativar e desativar algumas das configurações de ‘Estilo Personalizado’. Por exemplo, se você deseja criar um formulário que pesquise por categoria, clique para ativar o botão ‘Pesquisa por Categoria’.

Além disso, certifique-se de selecionar o mecanismo de pesquisa personalizado que você criou anteriormente no menu ‘Mecanismo’. Quanto à ‘Página de Resultados’, você pode usar a versão padrão do WordPress ou criar uma página de resultados de pesquisa personalizada.

Por padrão, o SearchWP pesquisará toda a mídia, páginas e posts em seu site WordPress. Se você criou algum tipo de post personalizado, poderá incluí-los nos resultados da pesquisa usando o campo ‘Tipo de pesquisa’.

Simplesmente digite cada tipo de post personalizado que você deseja incluir. Quando o tipo de post personalizado correto aparecer, clique para adicioná-lo à pesquisa.

Se você deseja excluir páginas, posts ou mídia dos resultados da pesquisa, basta clicar no pequeno ‘X’ ao lado de ‘Mídia’, ‘Páginas’ ou ‘Posts’ no campo ‘Tipo de pesquisa’.

Depois disso, você vai querer encontrar o campo ‘Selecionar Categoria’ e digitar cada categoria que deseja incluir nos resultados da pesquisa.

Por exemplo, se você tem uma loja online, então você pode querer criar formulários que pesquisem categorias de produtos específicas.

Para blogs WordPress, então você pode querer incluir apenas categorias de conteúdo específicas no formulário de pesquisa.

Por padrão, o SearchWP exibirá uma mensagem genérica ‘Digite a palavra-chave e pesquise’ antes que o visitante insira uma consulta de pesquisa.

Você pode substituir isso por sua própria mensagem digitando em ‘Rótulo do Campo’.

Se você quiser permitir que os visitantes filtrem seus resultados de pesquisa usando fatores como autor, tipo de postagem e tag, então você precisará clicar para ativar o alternador ‘Pesquisa Avançada’.

Depois disso, você pode rolar até o campo ‘Filtro(s) de Pesquisa Avançada’.

Por padrão, o SearchWP permite que os visitantes filtrem seus resultados usando ‘Autores’, ‘Tipos de Postagem’ e ‘Tags’.

Para remover qualquer um desses filtros, basta clicar no botão ‘X’ correspondente. E se você quiser adicionar mais filtros, basta digitar seus nomes no campo.

Em seguida, quando a opção correta aparecer no menu suspenso, basta clicar nela.

Quando estiver satisfeito com essas configurações, você pode passar para a seção ‘Estilo do Formulário’.

Aqui, você pode escolher entre diferentes estilos de formulário, adicionar uma borda e alterar o tamanho da fonte.

Em ‘Estilo do Botão’, você pode personalizar o botão ‘Pesquisar’ que aparece no formulário.

Existem mais configurações que você pode usar para alterar a aparência e o comportamento do formulário. No entanto, isso é tudo que você precisa para criar um formulário de pesquisa personalizado avançado.

Quando estiver satisfeito com a forma como o formulário está configurado, é hora de rolar até o topo da tela e clicar em ‘Salvar’ para salvar suas configurações.

Para criar mais formulários de busca personalizados com configurações exclusivas, basta repetir o mesmo processo exato descrito acima.

Etapa 3: Adicione o Formulário de Busca Personalizado ao Seu Site WordPress

Você pode adicionar um formulário de busca avançada a qualquer página, postagem ou área pronta para widgets usando o bloco ‘Formulário de Busca’.

Como exemplo, vamos ver como você pode adicionar um formulário de busca a uma postagem.

Simplesmente abra a postagem no editor de conteúdo do WordPress e clique no ícone ‘+’. Em seguida, digite ‘Formulário de Busca’.

Quando o bloco correto aparecer, clique nele para selecioná-lo.

Agora você pode abrir o menu suspenso ‘Selecionar um Formulário’ e escolher o formulário que deseja usar.

Quando estiver pronto para tornar o formulário de busca ativo, clique em ‘Atualizar’ ou ‘Publicar’.

Agora, simplesmente visite esta página ou postagem para ver o formulário de busca em ação.

Para mais detalhes, você pode consultar nosso guia sobre como adicionar um formulário de busca a uma postagem do WordPress.

Para adicionar um formulário de busca a uma área pronta para widgets, você precisará ir para Aparência » Widgets. Aqui, simplesmente clique no ícone de bloco ‘+’ na área onde você deseja exibir o formulário de busca.

Em seguida, vamos digitar ‘Formulário de Busca’.

Quando o bloco correto aparecer, simplesmente clique nele para adicioná-lo à área pronta para widgets.

Agora você pode abrir o menu suspenso e escolher o formulário de busca que deseja usar.

Quando terminar, não se esqueça de clicar no botão ‘Atualizar’ para tornar o formulário de busca ativo.

Para instruções mais detalhadas, consulte nosso guia sobre como adicionar e usar widgets.

Se você deseja inserir o formulário de pesquisa no seu menu de navegação, leia nosso artigo sobre como adicionar uma barra de pesquisa ao menu do WordPress.

Dica Bônus: Otimize Seu Formulário de Busca Personalizado no WordPress 📈

Agora que você sabe como criar um formulário de pesquisa personalizado para o seu site WordPress, vamos analisar algumas maneiras fáceis de melhorá-lo para uma melhor experiência do usuário.

Opção 1: Adicionando Pesquisa Ajax ao Vivo a um Formulário de Pesquisa Personalizado

Muitos mercados online e sites usam pesquisas Ajax ao vivo. Isso mostra automaticamente os resultados de pesquisa possíveis enquanto o usuário digita no formulário personalizado, semelhante a como os motores de busca como o Google funcionam.

Com a pesquisa Ajax ao vivo, você pode mostrar resultados relevantes sem nem mesmo recarregar a página. Isso o torna uma ótima opção se você vende downloads digitais ou produtos físicos online, pois os compradores podem ver instantaneamente os produtos que correspondem à sua consulta de pesquisa.

A maneira mais fácil de adicionar pesquisa Ajax ao vivo ao WordPress é usando SearchWP Live Ajax Lite Search. Este plugin gratuito adiciona automaticamente pesquisa instantânea ao seu site e funciona perfeitamente com qualquer tema do WordPress.

A primeira coisa que você precisa fazer é instalar e ativar o plugin. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, o formulário de pesquisa padrão do WordPress usará automaticamente o recurso de pesquisa Ajax ao vivo. Se você visitar seu site e começar a digitar na barra de pesquisa, verá a pesquisa instantânea em ação.

Para obter instruções mais detalhadas, consulte nosso guia sobre como adicionar pesquisa Ajax ao vivo ao seu site WordPress.

Opção 2: Usando Configurações Avançadas para SearchWP

Em seguida, é uma boa ideia ativar algumas configurações avançadas que facilitarão aos usuários a localização do que procuram.

Para fazer isso, vá para SearchWP » Configurações e role até a seção 'Configurações Gerais'.

Aqui, você pode ativar qualquer uma das seguintes configurações:

• Correspondências parciais. Com esta configuração ativada, o SearchWP exibirá resultados que não são uma correspondência exata para a consulta de pesquisa do visitante. Isso também é conhecido como pesquisa fuzzy.
• Correspondência mais próxima. Após ativar as correspondências parciais, você também pode mostrar as correspondências mais próximas quando uma pesquisa não tiver resultados.
• Pesquisas "entre aspas". Isso permite que os visitantes pesquisem frases exatas usando aspas.
• Destacar termos. Destaque automaticamente os termos de pesquisa para ajudar os visitantes a encontrar o que procuram.

Opção 3: Medindo Resultados de Pesquisa e Melhorando Conversões

Para ajudar a refinar a pesquisa do seu site, é uma boa ideia monitorar como os visitantes estão usando o recurso de pesquisa.

Isso permite que você veja o que está funcionando e o que não está funcionando em seu blog WordPress, para que você possa melhorar constantemente a pesquisa do seu site e ajudar os visitantes a encontrar o que procuram.

Esses dados podem até mesmo ajudá-lo a gerar ideias de posts para blog mostrando o conteúdo que os visitantes já estão pesquisando.

Para ver o histórico de pesquisas e os termos de pesquisa mais populares, basta selecionar ‘Estatísticas’ no menu à esquerda.

Também temos um guia sobre como ver análises de pesquisa se você quiser saber mais.

É isso! Esperamos que este tutorial tenha ajudado você a aprender como criar um formulário de pesquisa personalizado no WordPress. Você também pode querer ver nossos guias sobre como tornar os comentários de posts pesquisáveis e como adicionar capacidade de pesquisa por voz ao seu site 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.