Imagine a situação: um visitante chega ao seu site, digita uma pergunta na barra de pesquisa e pressiona Enter. Ele espera a página recarregar. Ele examina uma lista simples de resultados. Então, ele sai.
Já vimos esse padrão se repetir em inúmeros sites, e o frustrante é que a maioria dos proprietários de sites não sabe que isso está acontecendo.
O problema não é que seu conteúdo esteja faltando. O problema é que o WordPress não tem uma pesquisa ao vivo integrada.
Todo formulário de pesquisa padrão funciona da mesma maneira: o visitante envia uma consulta, o WordPress recarrega a página e os resultados aparecem. É nesse recarregamento que você perde pessoas.
A boa notícia é que você pode adicionar pesquisa ao vivo ao WordPress gratuitamente, sem chaves de API, sem conta na nuvem e sem tocar em uma única linha de código.
Neste artigo, mostraremos como adicionar pesquisa ao vivo ao WordPress gratuitamente.
O que é Pesquisa ao Vivo no WordPress?
Pesquisa ao vivo, também chamada de pesquisa AJAX ou pesquisa conforme você digita, mostra resultados em um menu suspenso abaixo do formulário de pesquisa enquanto o visitante digita.
Não há tecla Enter, nem recarregamento de página, nem espera. Os resultados são atualizados a cada pressionamento de tecla.
Por exemplo, basta digitar "con" em uma barra com pesquisa ao vivo ativada, e você verá imediatamente opções como "Entre em Contato", "Guia de Marketing de Conteúdo" e "Cadeira Contour" aparecerem abaixo do campo em tempo real.
Para os visitantes, a experiência parece familiar porque é assim que a pesquisa funciona no Google, YouTube e na maioria dos sites modernos. Quando seu site oferece o mesmo feedback instantâneo, os visitantes são mais propensos a continuar pesquisando em vez de abandonar o site.
Por que seu site WordPress precisa de Pesquisa ao Vivo
Adicionar uma pesquisa ao vivo ao seu site não é apenas uma questão de acompanhar as tendências tecnológicas.
Aqui estão algumas maneiras pelas quais a pesquisa ao vivo permite que você atenda melhor seus clientes e o ajuda a ficar à frente de seus concorrentes:
- Resultados Rápidos: Os usuários veem os resultados instantaneamente enquanto digitam, acelerando significativamente o processo de pesquisa. Isso permite que eles saibam se você tem o que procuram. Ao respeitar o tempo deles, você está valorizando seus clientes.
- Taxas de Rejeição Reduzidas: Resultados rápidos e relevantes mantêm os usuários engajados e interessados. Esse engajamento reduz as chances de eles saírem do seu site por frustração, diminuindo assim as taxas de rejeição do seu site.
- Aumento de Conversões: Pesquisas mais rápidas ajudam os usuários a tomar decisões mais rapidamente. Essa velocidade pode levar a taxas de conversão mais altas, pois os usuários são mais propensos a concluir compras ou cadastros sem hesitação.
- Acessibilidade Melhorada: A pesquisa ao vivo é particularmente benéfica para usuários que podem não se lembrar dos termos exatos ou da grafia correta do que estão procurando sem a consulta completa. Tornando mais fácil e rápido para eles encontrarem os itens desejados.
- Experiência do Usuário Aprimorada: A pesquisa ao vivo transforma a experiência de pesquisa, fornecendo uma jornada interativa e responsiva. Essa abordagem moderna faz com que seu site pareça mais dinâmico e amigável.
- Ferramentas Pagas Criam Custo e Complexidade Desnecessários: Trabalhamos com muitos proprietários de sites que analisaram serviços como Algolia ou ElasticPress e desistiram porque a configuração da API, o preço baseado no uso e o armazenamento externo de dados pareciam excessivos para suas necessidades. Seus dados devem permanecer em seu próprio servidor.
Pronto para resolver isso? Vamos ver como.
Como Adicionar Pesquisa ao Vivo ao WordPress Gratuitamente
Depois de decidir adicionar pesquisa ao vivo ao seu site, o resto é fácil! Tudo o que você precisa fazer é usar o plugin gratuito SearchWP Live Ajax Search.
É um poderoso plugin de pesquisa para WordPress que torna a tarefa complexa de adicionar pesquisa ao vivo ao WordPress muito fácil e amigável para iniciantes.
Qualquer pessoa pode adicionar pesquisa ao vivo ao seu site WordPress usando o plugin Live Ajax Search com apenas alguns cliques; nenhum conhecimento de codificação é necessário.
Vamos ver como adicionar pesquisa ao vivo ao WordPress gratuitamente, passo a passo.
Passo 1: Instale o Plugin SearchWP Live Ajax Search
Para começar, vá para Plugins » Adicionar Novo Plugin no seu painel do WordPress.
A partir daqui, digite “SearchWP Live Ajax Search” no campo de busca e encontre o plugin da SearchWP.
Clique em Instalar agora e, em seguida, clique em Ativar assim que a instalação for concluída.
Não tem certeza de como instalar um plugin? Confira este guia para iniciantes sobre como instalar um plugin do WordPress.
Assim que o plugin estiver ativo, você verá a página de configurações.
Você notará que a opção Ativar Pesquisa ao Vivo estará ativada por padrão.
Passo 2: Criando um Formulário de Pesquisa
Em seguida, é hora de criar seu primeiro formulário de pesquisa ao vivo.
Para começar, você pode ir para SearchWP » Formulários de Pesquisa no painel do WordPress.
Aqui, você pode adicionar novos formulários ou selecionar formulários existentes.
Para começar, clique em Adicionar Novo para criar seu primeiro formulário de pesquisa ao vivo.
Depois disso, dê um nome adequado ao seu formulário de pesquisa. Neste caso, vamos chamá-lo de “Pesquisa da Página Inicial”.
Em seguida, você pode escolher um tema para o seu formulário de pesquisa entre os temas de layout pré-projetados.
Após selecionar um layout, você pode editar ainda mais o formulário.
Simplesmente personalize o estilo do formulário de pesquisa para combinar com a estética do seu site. Você pode ajustar tudo, desde cores até tamanhos de fonte.
Quando terminar, clique em Salvar para finalizar a criação do seu formulário de pesquisa ao vivo.
Pronto, seu formulário de pesquisa está pronto.
Veja nosso guia sobre como adicionar uma caixa de pesquisa a uma página do WordPress para um tutorial completo.
Passo 3: Personalizando a Aparência dos Resultados da Pesquisa
Você também pode personalizar a aparência dos resultados da pesquisa para garantir que eles apareçam como você deseja.
Para fazer isso, basta navegar até SearchWP » Configurações no painel do WordPress.
Em seguida, você pode rolar para baixo para escolher um tema.
O SearchWP oferece 4 temas de layout predefinidos para a aparência dos resultados.
Em seguida, você pode rolar para baixo até a seção Resultados.
Aqui, você pode definir a posição do painel de resultados em relação ao formulário de pesquisa, ajustar o número de resultados exibidos por página, definir o número mínimo de caracteres antes que a pesquisa ao vivo seja acionada e personalizar a mensagem que os visitantes veem quando nenhum resultado é encontrado.
A seção Estilo Personalizado acima controla a estilização visual de cada resultado: tamanho da imagem, cor do título e (se WooCommerce ou EDD estiverem ativos) estilo de preço e adicionar ao carrinho.
Quando terminar, basta rolar de volta para o topo.
Em seguida, clique em “Salvar” para aplicar as alterações.
Etapa 4: Exibindo o Formulário de Pesquisa
Agora que você criou seu primeiro formulário de pesquisa ao vivo e personalizou a aparência dos resultados. O próximo passo é exibi-lo em seu site.
Existem algumas maneiras de adicionar formulários de pesquisa ao seu site. Vamos ver como adicionar um formulário de pesquisa ao vivo ao WordPress usando o bloco Gutenberg.
Para fazer isso, edite a página onde você deseja exibir o formulário de pesquisa.
Em seguida, encontre o local desejado e clique no botão + Adicionar bloco. Depois disso, procure pelo bloco “SearchWP Form” e selecione-o.
Em seguida, você precisará escolher o formulário que você criou para mostrar neste local no menu suspenso “Selecionar um formulário”.
Quando terminar, basta clicar no botão Salvar ou Atualizar e disponibilizar o formulário de pesquisa ao vivo para seus visitantes.
Agora vamos confirmar se tudo está funcionando. Para fazer isso, você pode visitar o front-end do seu site e clicar em qualquer formulário de pesquisa.
Comece a digitar uma consulta parcial e observe o menu suspenso de resultados aparecer abaixo do campo de entrada enquanto você digita. Você deverá ver os títulos de posts e páginas serem atualizados em tempo real a cada caractere que você adicionar.
Aqui está o formulário de pesquisa ao vivo em ação!
Ao fazer o upgrade para o SearchWP, você pode criar vários Motores de Busca que exibem conteúdo diferente e atribuir um motor diferente a cada Formulário de Busca em seu site.
Bônus: Potencialize sua Pesquisa ao Vivo com SearchWP
SearchWP Live Ajax Search usa a consulta de pesquisa nativa do WordPress, que corresponde a títulos de posts, excertos e conteúdo.
Se um visitante pesquisar por um SKU de produto, um valor de campo personalizado ou conteúdo dentro de um PDF, o plugin gratuito não o encontrará.
É aí que entra o plugin completo SearchWP.
A instalação do SearchWP aprimora os resultados da pesquisa ao vivo para um motor de relevância personalizado que pesquisa campos personalizados, atributos de produtos WooCommerce, tags, categorias, PDFs e muito mais.
Sites que executam o WooCommerce podem adicionar a extensão WooCommerce para também pesquisar atributos e SKUs de produtos.
Para o guia completo de upgrade, consulte nosso guia sobre como adicionar pesquisa de autocompletar ao vivo ao WordPress.
FAQs sobre Pesquisa ao Vivo no WordPress
1. A pesquisa ao vivo deixa meu site WordPress lento?
SearchWP Live Ajax Search usa requisições AJAX leves que são debounced, o que significa que elas só são disparadas depois que o visitante pausa a digitação por um breve momento. Cada requisição recupera apenas os resultados da pesquisa, não uma página inteira. Na maioria dos sites WordPress, a carga adicionada pela pesquisa ao vivo é insignificante em comparação com a recarga de uma página inteira, e a experiência parece mais rápida para os visitantes, mesmo que uma requisição ao servidor ainda esteja envolvida.
2. A pesquisa ao vivo funcionará com meu tema WordPress existente?
Sim. Em nossos testes, funciona com Elementor, Divi, Astra, Kadence, GeneratePress e a maioria dos outros temas e construtores de páginas populares logo de cara. Nenhuma edição de tema é necessária.
3. Posso mostrar produtos WooCommerce na lista suspensa de pesquisa ao vivo?
Sim. Quando o WooCommerce está ativo em seu site, o SearchWP Live Ajax Search o detecta automaticamente. Para uma configuração completa de pesquisa WooCommerce, consulte nosso guia sobre como adicionar um widget de pesquisa WooCommerce personalizado.
4. Qual é a diferença entre o plugin gratuito e o SearchWP?
SearchWP Live Ajax Search é gratuito e fornece listas suspensas de pesquisa ao vivo alimentadas pela consulta de pesquisa nativa do WordPress, que corresponde a títulos e conteúdo de posts. O plugin pago SearchWP aprimora esses resultados para um motor de relevância personalizado que também pesquisa campos personalizados, taxonomias e documentos PDF no nível Standard. A adição da extensão WooCommerce (Pro e superior) estende a pesquisa para atributos e SKUs de produtos WooCommerce.
5. Como adiciono uma barra de pesquisa ao vivo ao cabeçalho ou menu do meu WordPress?
Adicione um widget de formulário de pesquisa a uma área de widget que aparece no seu cabeçalho, ou coloque um bloco de formulário de pesquisa no seu modelo de cabeçalho usando o editor de blocos. Assim que um formulário de pesquisa estiver presente em qualquer lugar da página, o SearchWP Live Ajax Search o aprimorará com um menu suspenso em tempo real automaticamente, sem necessidade de configuração extra.
É isso! Você adicionou a pesquisa em tempo real ao seu site WordPress gratuitamente, sem chaves de API, sem contas na nuvem e sem código. Os visitantes agora podem obter resultados instantâneos de qualquer formulário de pesquisa em seu site no momento em que começam a digitar.
Esperamos que este artigo tenha ajudado você a aprender como adicionar pesquisa em tempo real ao WordPress gratuitamente. Você também pode consultar nossos guias sobre como criar formulários de pesquisa avançados no WordPress e como personalizar a página de resultados de pesquisa do WordPress.
Pronto para levar sua pesquisa em tempo real adiante? Você pode começar com o SearchWP aqui.
