Procurando uma maneira de adicionar uma pesquisa Ajax ao vivo ao seu site WordPress sem um plugin?
Isso permitirá que você entregue instantaneamente os resultados da pesquisa aos seus visitantes e melhore a experiência do usuário deles.
Neste guia, falaremos sobre como você pode adicionar pesquisa ao vivo ao seu site sem um plugin e as desvantagens desse método.
Aqui está um índice para ajudá-lo a navegar:
- Method 1: Add Live Ajax Search Using a Plugin
- Método 2: Adicionar Pesquisa Ajax ao Vivo Sem um Plugin
Por que Adicionar Pesquisa ao Vivo ao Seu Site
Adicionar pesquisa ao vivo ao seu site é útil por várias razões.
Primeiro, é muito mais conveniente para seus visitantes obterem resultados de pesquisa instantâneos em vez de vê-los em uma nova página separada onde o WordPress os mostra por padrão.
Isso permite que eles economizem tempo e descubram mais rapidamente se o conteúdo que procuram está ou não em seu site.
Em segundo lugar, ajuda você a aumentar suas visualizações de página, já que visitantes que tiveram uma experiência de pesquisa positiva em seu site são mais propensos a usá-lo novamente.
Também é uma ótima maneira de atrair mais tráfego dos mecanismos de pesquisa, já que o Google presta muita atenção à duração média da sessão em um site.
Mas adicionar uma pesquisa ao vivo sem um plugin pode ser um objetivo desafiador. Vamos dar uma olhada mais de perto por que essa não é a melhor opção.
Desvantagens de Adicionar Pesquisa Ajax ao Vivo Sem um Plugin
O principal problema em adicionar pesquisa ao vivo ao seu site sem um plugin é que envolve a edição do código do seu tema.
Essa abordagem tem algumas desvantagens sérias que você deve estar ciente:
- Requer habilidades de codificação. Você deve ter experiência em codificação e um profundo entendimento de como o WordPress funciona para editar o código do seu tema com sucesso.
- Leva mais tempo. Em contraste com o uso de um plugin, editar o código do seu tema leva bastante tempo para descobrir quais alterações você precisa fazer e onde colocá-las.
- Não é confiável. Você pode facilmente perder todas as suas personalizações de código se atualizar seu tema ou versão do WordPress.
- Não é conveniente. Um plugin oferece muito mais flexibilidade, pois você pode ativar e desativar rapidamente os recursos de que precisa de acordo com suas necessidades.
Portanto, se você não é um usuário experiente de WordPress ou desenvolvedor web, é melhor usar outra maneira de adicionar pesquisa ao vivo ao seu site.
Depois de resolvermos isso, vamos ver como você pode adicionar pesquisa ao vivo ao seu site sem editar os arquivos do seu tema usando um plugin.
Método 1: Adicionar Pesquisa Ajax ao Vivo Usando um Plugin
A maneira mais fácil de adicionar uma pesquisa Ajax ao vivo ao seu site é usar um plugin como SearchWP.
SearchWP é o melhor plugin de pesquisa do WordPress no mercado, com mais de 50.000 instalações ativas.
Com ele, você pode ativar a pesquisa ao vivo em seu site em apenas alguns cliques, sem necessidade de codificação.
E esse é apenas um dos muitos outros recursos do SearchWP. O principal objetivo deste plugin é dar a você controle total sobre a pesquisa em seu site.
Por exemplo, usando-o, você pode alterar a ordem dos resultados da pesquisa, tornar as tags de postagem, categorias e campos personalizados pesquisáveis, criar formulários de pesquisa personalizados e muito mais.
Aqui estão outros recursos do SearchWP que ajudarão a expandir seus negócios:
- Etapa 2: Instale a Extensão Live Search do SearchWP
- Rastreie pesquisas de seus visitantes: Colete dados abrangentes sobre a atividade de pesquisa em seu site, incluindo as pesquisas mais populares, o número de cliques e muito mais.
- Excluir páginas específicas dos resultados da pesquisa: Oculte páginas desnecessárias dos resultados da pesquisa em seu site para ajudar os visitantes a encontrar o conteúdo que procuram mais rapidamente.
- Incluir arquivos PDF nos resultados da pesquisa: Permita que seus visitantes encontrem PDFs e documentos do Office usando a barra de pesquisa em seu site.
Com isso, vamos ver como você pode ativar a pesquisa ao vivo em seu site usando o SearchWP.
Etapa 1: Instale e Ative o SearchWP em Seu Site
Para começar, você precisará visitar o site do SearchWP e obter sua cópia do SearchWP.
Assim que terminar, vá para o seu painel do SearchWP e clique na guia Downloads.
Em seguida, pressione o botão Download SearchWP e salve o arquivo ZIP do plugin em seu computador. Após o download, você também deve copiar sua chave de licença do SearchWP na mesma página. Você precisará dela mais tarde para ativar o plugin em seu site.
Agora, você precisará fazer o upload do arquivo ZIP do SearchWP para o seu site e instalar o plugin. Confira o tutorial de como instalar um plugin do WordPress se precisar de um lembrete sobre como fazer isso.
Assim que o plugin estiver ativo, você verá a tela de boas-vindas e o assistente de configuração do SearchWP. Clique no botão 'Iniciar Assistente de Integração' e siga as instruções na tela.
Assim que você ativar sua licença, estará pronto para passar para a próxima etapa e instalar a extensão Live Search.
Step 2: Install the SearchWP Live Search Extension
A instalação desta extensão SearchWP permite que você ative a pesquisa Ajax ao vivo em seu site em poucos cliques, sem escrever uma única linha de código.
Para começar, você pode navegar até SearchWP » Extensões no seu painel do WordPress.
A partir daqui, você precisará encontrar a extensão Live Search e clicar no botão Instalar.
É isso. Você acabou de adicionar com sucesso uma pesquisa Ajax ao vivo ao seu site.
Vamos ver como funciona.
Etapa 3: Teste sua nova pesquisa
Para fazer isso, vá ao seu site e faça uma pesquisa.
Por exemplo, veja como é uma pesquisa Ajax ao vivo do SearchWP em nosso site de teste:
Você também pode ver nosso guia sobre como adicionar pesquisa ao vivo ao WordPress gratuitamente.
Método 2: Adicionar Pesquisa Ajax ao Vivo Sem um Plugin
Para adicionar uma pesquisa Ajax ao vivo ao seu site sem usar um plugin, você deve observar que precisará adicionar muito código personalizado e fazer alterações nos arquivos do seu tema.
Agora, se você não é um desenvolvedor, não recomendamos este método. Em vez disso, você pode seguir o primeiro método e usar o SearchWP para adicionar pesquisa Ajax ao vivo.
Antes de começar, recomendamos criar um tema filho do seu tema atual que você usa em seu site. Isso permitirá que você alterne rapidamente para o seu tema pai se fizer algo errado e travar seu site.
Você pode conferir este tutorial sobre como criar um tema filho do WordPress se precisar de ajuda com isso.
Também é uma boa prática fazer backup do seu site antes de começar a editar, apenas por precaução. Existem muitos plugins de backup do WordPress que você pode escolher, como o Duplicator.
Em seguida, você precisará adicionar JavaScript, PHP e CSS para configurar a pesquisa Ajax.
Para ajudá-lo, aqui está uma lista de funcionalidades que você precisará em seu site WordPress:
- Integre os resultados em tempo real aos formulários de pesquisa em seu site.
- Faça requisições Ajax para buscar os resultados.
- Exiba os resultados em um menu suspenso, para que os visitantes possam vê-los enquanto digitam.
- Gerencie a interação do usuário com os resultados da pesquisa. Por exemplo, você precisará navegar pelos resultados com as setas do teclado, fechar o menu suspenso se o usuário clicar fora dele ou pressionar a tecla ESC.
- Adicione código PHP para lidar com a requisição Ajax, executar a consulta e retornar os resultados, e enviar uma resposta Ajax.
- CSS para estilizar o menu suspenso e os resultados da pesquisa que aparecerão.
Como isso requer desenvolvimento personalizado, você pode querer contratar um desenvolvedor ou um serviço profissional como o WPBeginner Pro Services.
Dessa forma, você pode explicar seus requisitos e obter uma solução personalizada para o seu site WordPress.
Isso permitirá que seus visitantes obtenham resultados de pesquisa instantaneamente e aumentará o número de suas visualizações de página.
Esperamos que este artigo tenha ajudado você a aprender como adicionar pesquisa Ajax em tempo real ao seu WordPress sem um plugin. Você também pode querer ver nossos guias sobre como pesquisar posts por tags no WordPress e como excluir categorias da pesquisa do WordPress.
Quer adicionar pesquisa em tempo real ao seu site em poucos cliques e sem codificação? Você pode começar com SearchWP aqui.
