Blog SearchWP

Tutoriais, Dicas e Recursos do WordPress para Ajudar a Crescer Seu Negócio

Você quer aprender como adicionar pesquisa autocomplete ao vivo a sites WordPress?

A pesquisa de preenchimento automático ao vivo ajuda os visitantes do seu site a encontrar posts, páginas e produtos mais rapidamente. No entanto, o WordPress não oferece esse recurso por padrão.

Neste artigo, você aprenderá como adicionar pesquisa autocomplete ao vivo a sites WordPress para melhorar a experiência de navegação do seu site.

Principais Pontos:

  • O que é pesquisa autocomplete ao vivo.
  • Por que a pesquisa autocomplete ao vivo é importante.
  • Como adicionar pesquisa autocomplete ao vivo ao WordPress.

O que é Pesquisa Autocomplete ao Vivo e Por Que Ela Importa?

Atualmente, os usuários online têm altas expectativas em relação à pesquisa. Mecanismos de busca como o Google oferecem recursos avançados, incluindo pesquisa autocomplete ao vivo e sugestões preditivas. Esses recursos fornecem melhores resultados de pesquisa e economizam tempo, aprimorando a experiência geral do usuário.

Se você deseja melhorar a experiência de pesquisa do seu site, precisa adicionar a pesquisa autocomplete ao vivo. Ela permite que os mecanismos de busca adivinhem o que um usuário está pesquisando e, em troca, fornecem sugestões relevantes enquanto ele digita. Com esse recurso, os usuários não precisam completar manualmente sua pesquisa ou carregar uma página diferente para ver os resultados.

Adicionar esse recurso ao seu site traz muitos benefícios. Por exemplo, adicionar pesquisa autocomplete ao vivo ao WordPress ajudará os visitantes do seu site a encontrar o que procuram instantaneamente.

O recurso de preenchimento automático ao vivo sugere resultados enquanto os usuários digitam suas consultas. Seu site também mostrará resultados mais relevantes com base em seu conteúdo.

Pesquisa de preenchimento automático ao vivo do WordPress em ação

Além de melhorar a experiência de pesquisa, o autocomplete educa os usuários sobre o seu site. Mesmo quando as sugestões não correspondem à intenção de pesquisa, o usuário sabe que seu site contém o produto ou conteúdo sugerido.

Como seus usuários não precisam mais digitar muitas palavras-chave, eles podem evitar erros de digitação e reduzir o tempo de pesquisa. Isso garante uma melhor experiência do usuário, e seus visitantes podem passar mais tempo em seu site e comprar mais produtos.

A boa notícia é que você pode facilmente adicionar pesquisa autocomplete ao vivo ao WordPress. Vamos ver como fazer isso passo a passo.

Como Adicionar Pesquisa Autocomplete ao Vivo (Maneira Fácil)

Você pode adicionar pesquisa autocomplete ao vivo ao WordPress sem escrever nenhuma linha de código. É fácil para qualquer pessoa fazer e leva apenas alguns minutos para configurar.

Usaremos o SearchWP, pois é o melhor plugin de pesquisa do WordPress disponível até hoje. Ele melhora a pesquisa do seu site, fornecendo os resultados mais relevantes. Ele ajuda a reduzir o abandono do site, aumenta a descoberta de conteúdo e aumenta as vendas.

Para adicionar pesquisa autocomplete ao vivo ao seu site, primeiro você precisa obter o plugin gratuito SearchWP Live Ajax Search. Ele adiciona automaticamente a pesquisa ao vivo ao seu site.

E supomos que você queira ainda mais recursos incríveis, como múltiplos mecanismos de pesquisa, indexação de PDF ou documentos, integração com WooCommerce e muito mais. Nesse caso, recomendamos que você adquira a versão premium do SearchWP.

Agora, vamos configurar a pesquisa de autocompletar ao vivo para o seu site em um passo simples.

Passo 1 (único): Instale e Ative o Plugin SearchWP Live Ajax Search

Para instalar o SearchWP Live Ajax Search, vá para Plugins > Adicionar Novo no seu painel do WordPress.

Como adicionar pesquisa de preenchimento automático ao vivo a sites WordPress: Adicionando SearchWP Ajax Live Search Passo 1

Na página de plugins, digite ‘SearchWP’ na barra de pesquisa. Você verá uma lista de extensões do SearchWP.

Como adicionar pesquisa de preenchimento automático ao vivo a sites WordPress: Adicionando SearchWP Ajax Live Search Passo 2

Assim que encontrar o plugin SearchWP Live Ajax Search, clique em Instalar agora e depois em Ativar.

Como adicionar pesquisa de preenchimento automático ao vivo a sites WordPress: Adicionando SearchWP Ajax Live Search Passo 3

A página de Configurações será aberta automaticamente assim que você ativar o plugin SearchWP Live Ajax Search. Os recursos são autoexplicativos. Por favor, ajuste a configuração de acordo com suas necessidades. Se precisar de mais ajuda, por favor leia a documentação.

Como adicionar pesquisa de preenchimento automático ao vivo a sites WordPress: Adicionando SearchWP Ajax Live Search Passo 4

Clique em “Salvar alterações” quando terminar. É isso! Você adicionou com sucesso a pesquisa de autocompletar ao vivo ao seu site WordPress.

Veja a Pesquisa de Autocompletar ao Vivo em Ação

Após instalar o SearchWP Live Ajax Search, teste o novo recurso de autocompletar. Você pode fazer isso navegando para a parte frontal do seu site.

Ao digitar qualquer consulta em seus formulários de pesquisa existentes, você verá a pesquisa de autocompletar ao vivo em ação.

Como Adicionar Pesquisa Autocompletar ao Vivo em Sites WordPress: Prova de Funcionamento da Pesquisa ao Vivo

Como Adicionar um Formulário de Pesquisa com Preenchimento Automático no WordPress

Agora que seu site tem uma pesquisa de autocompletar ao vivo, é hora de decidir onde você deseja exibir os formulários de pesquisa.

Você pode adicionar a pesquisa de autocompletar ao vivo às áreas da barra lateral, cabeçalho e rodapé do seu site.

Você também pode adicionar um formulário de pesquisa a qualquer página ou post do WordPress.

Vamos ver como exibir a barra de pesquisa em qualquer um desses locais.

Exibindo o Formulário de Pesquisa com Preenchimento Automático na Barra Lateral/Rodapé/Cabeçalho do WordPress

A maioria dos proprietários de sites WordPress gosta de exibir o formulário de pesquisa na barra lateral. Neste local, seus visitantes podem concluir rapidamente sua pesquisa, não importa em qual página eles estejam.

O rodapé e o cabeçalho podem ser ideais para páginas como a página inicial ou a página da loja.

Você pode adicionar uma barra de pesquisa a qualquer um desses locais usando a função de widget.

Para acessá-la, vá para Aparência > Widgets.

Como Adicionar Pesquisa Autocompletar ao Vivo em Sites WordPress: Adicionando a Pesquisa ao Vivo Ajax da SearchWP à Barra Lateral Passo 1

Nesta página, você pode adicionar uma barra de pesquisa ao vivo a qualquer área que escolher usando o editor de widgets baseado em blocos.

Primeiro, clique na área de widget desejada e depois no ícone ‘+’. Quando a lista de widgets aparecer, digite ‘Search’ na barra de pesquisa. Em seguida, clique no widget SearchWP Live Search para adicionar o campo de pesquisa com preenchimento automático.

Como Adicionar Pesquisa Autocompletar ao Vivo em Sites WordPress: Adicionando a Pesquisa ao Vivo Ajax da SearchWP à Barra Lateral Passo 2

Agora, personalize a barra de pesquisa de acordo com suas necessidades. Depois disso, clique em Atualizar no canto superior direito.

Como Adicionar Pesquisa Autocompletar ao Vivo em Sites WordPress: Adicionando a Pesquisa ao Vivo Ajax da SearchWP à Barra Lateral Passo 3

Seu campo de pesquisa está pronto para exibição. Observe que, dependendo do seu tema WordPress ativo, você pode não conseguir usar algumas áreas de widget.

Exibindo o Campo de Pesquisa com Preenchimento Automático em Qualquer Página do Seu Site

Você também pode adicionar um campo de pesquisa a qualquer página do seu site. O Editor de Blocos facilita a adição de uma barra de pesquisa aqui.

Para fazer isso, abra qualquer página em modo de Edição e clique no ícone ‘+’ na localização onde você deseja adicionar a barra de pesquisa. Em seguida, digite ‘search’ e selecione o bloco Search.

Como Adicionar Pesquisa Autocompletar ao Vivo em Sites WordPress: Exibindo a Pesquisa ao Vivo Ajax da SearchWP em Páginas Passo 1

Depois de personalizar o bloco de acordo com sua escolha, clique em Atualizar.

Como Adicionar Pesquisa Autocompletar ao Vivo em Sites WordPress: Exibindo a Pesquisa ao Vivo Ajax da SearchWP em Páginas Passo 2

Você adicionou com sucesso a pesquisa de preenchimento automático ao vivo ao seu site WordPress. Você também pode seguir estas mesmas etapas para adicionar uma barra de pesquisa ao vivo a qualquer postagem.

Como personalizar o formulário de pesquisa de preenchimento automático ao vivo

Por um lado, o formulário de pesquisa padrão do WordPress oferece recursos limitados, o que pode frustrar seus visitantes. Por outro lado, criar um formulário de pesquisa ideal é desafiador, pois consome tempo e requer habilidades de codificação especializadas.

No entanto, a versão premium do SearchWP torna isso super fácil. Você pode adicionar um formulário de pesquisa avançado quase imediatamente sem escrever uma única linha de código!

Um formulário de pesquisa avançado ajudará você a reduzir a frustração e aumentar o engajamento com seu conteúdo, proporcionando uma experiência de usuário aprimorada e uma taxa de rejeição diminuída. Siga nosso guia detalhado sobre como criar formulários de pesquisa avançados no WordPress (facilmente).

Personalizando sugestões de pesquisa de preenchimento automático

Após adicionar a pesquisa de preenchimento automático ao vivo ao seu site. Você pode querer aprimorar ainda mais a pesquisa do seu site. Você pode programar os resultados da pesquisa do seu site com base em uma escala de prioridade personalizada. Isso aprimorará significativamente a experiência de pesquisa.

Uma das razões pelas quais o SearchWP é imensamente popular é o fato de oferecer toneladas de recursos avançados para ajustar seu algoritmo de pesquisa. Você pode fazer tudo isso sem escrever nenhuma linha de código.

Com a versão premium do SearchWP, você pode ajustar a relevância de cada atributo de conteúdo ou decidir qual atributo indexar.

Como Adicionar Pesquisa Autocomplete ao Vivo a Sites WordPress: Configurando o Mecanismo de Busca

Você também pode criar e usar diferentes mecanismos de pesquisa em diferentes locais do site. Isso ajudará você a oferecer uma experiência de pesquisa exclusiva em cada um desses locais.

Em resumo, a pesquisa de preenchimento automático ao vivo é um recurso poderoso que você pode usar para impulsionar as conversões do seu site e a duração média das visitas. SearchWP Live Ajax Search torna muito fácil adicionar esse recurso à sua pesquisa nativa do WordPress.

Obtenha o SearchWP premium para ter controle sobre todos os aspectos da pesquisa do WordPress.

avatar do autor
Saif Khan

Crie uma Experiência de Pesquisa WordPress Melhor Hoje

Nunca mais perca visitantes para resultados de pesquisa inúteis. O SearchWP torna a criação de sua própria pesquisa inteligente do WordPress rápida e fácil.

Get SearchWP Now
Ícone de Múltiplos Mecanismos de Busca