Latest SeedProd News

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

como adicionar barra de busca ao WordPress

Como Adicionar uma Barra de Pesquisa Personalizada ao WordPress (Passos Fáceis) 

Written By: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: avatar do revisor Turner John
avatar do revisor Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

Quando comecei a usar o WordPress, fiquei frustrado com o recurso básico de pesquisa. Muitas vezes, ele retornava resultados irrelevantes ou perdia completamente alguns conteúdos.

Ao gerenciar meus próprios sites WordPress, agora sei que um bom recurso de pesquisa ajuda os visitantes a encontrar o que procuram, fazendo com que permaneçam em seu site por mais tempo. Isso, em última análise, os deixa mais felizes e com maior probabilidade de retornar ao seu site.

É por isso que, neste guia, você aprenderá como adicionar uma barra de pesquisa ao WordPress. Ao final, você terá um poderoso recurso de pesquisa que seus visitantes adorarão usar e que servirá melhor ao seu site.

Por que Adicionar uma Barra de Pesquisa ao WordPress?

Imagine que você acabou de chegar a um site procurando informações específicas. Você percorre a página inicial e clica em algumas abas, mas não consegue encontrar o que está procurando.

Frustrante, não é? Agora, pense em seu próprio site WordPress. Seus visitantes não são diferentes; eles querem informações e querem rápido. É aqui que a mágica de uma barra de pesquisa entra em jogo.

Adicionar uma barra de pesquisa ao seu site WordPress proporciona uma experiência de usuário mais fácil. Quando os visitantes do site podem encontrar rapidamente o que procuram, eles são mais propensos a permanecer e explorar.

Na verdade, os usuários que pesquisam no site têm 1,8% mais chances de converter do que aqueles que não usam esse recurso. Isso torna a barra de pesquisa crucial para transformar visitantes em assinantes e clientes.

Exemplo de uso de uma barra de busca no WordPress

Melhor ainda, se os usuários permanecerem mais tempo em seu site, isso pode reduzir sua taxa de rejeição, um fator de classificação em SEO.

No entanto, os benefícios vão além da experiência do usuário. Uma boa barra de pesquisa ou widget de pesquisa também pode ajudá-lo a aprender o que seu público está interessado. Ao analisar as consultas de pesquisa, você pode adaptar sua estratégia de conteúdo para atender às demandas e perguntas de seus visitantes.

Como Adicionar uma Barra de Pesquisa ao WordPress: 2 Métodos Fáceis

Embora a função de pesquisa padrão do WordPress seja adequada para situações simples, é difícil personalizá-la sem escrever código CSS ou contratar um desenvolvedor. Uma abordagem mais personalizada permite que você adicione uma barra de pesquisa do WordPress a áreas de widgets, menus e páginas do WooCommerce. Em alguns casos, você pode incluir campos personalizados, resultados de pesquisa personalizados e muito mais.

Com isso em mente, vamos ver como adicionar uma barra de pesquisa ao seu site passo a passo:

O primeiro método que abordarei é usar um construtor de páginas para integrar perfeitamente uma barra de pesquisa em seu site WordPress. É mais simples do que você imagina, e você não precisa ser um gênio da tecnologia para conseguir.

Método 1. Adicione um Formulário de Pesquisa Personalizado ao WordPress com SeedProd

Primeiro de tudo, vamos falar sobre SeedProd.

Construtor de sites WordPress com arrastar e soltar da SeedProd

Se você não o conhece, SeedProd é um dos melhores construtores de páginas do WordPress, permitindo que você personalize seu site sem tocar em uma única linha de código. Da funcionalidade de arrastar e soltar a modelos pré-fabricados, o SeedProd facilita o design do seu site exatamente como você deseja.

E sim, isso inclui adicionar uma barra de pesquisa ao seu site.

Antes de começar, você precisará instalar o SeedProd. Embora ele ofereça uma versão gratuita e várias opções premium, usarei o SeedProd Pro para este guia. Então, escolha seu plano e baixe o plugin.

Após baixá-lo, você pode seguir estas etapas para instalar o plugin SeedProd em seu site WordPress.

Com o SeedProd ativado, seu próximo passo é escolher onde adicionar a barra de pesquisa no WordPress. Com o SeedProd, você pode personalizar qualquer parte do seu site, seja um tema WordPress personalizado ou uma página de destino específica.

O construtor de páginas de destino é ideal para criar páginas independentes para aumentar leads e conversões.

Painel do construtor de p	ilde{a}ginas SeedProd

Alternativamente, o Theme Builder é perfeito para construir um tema WordPress personalizado sem a necessidade de contratar um desenvolvedor.

Painel do construtor de temas da SeedProd

Para encontrar essas opções, navegue até SeedProd em seu painel do WordPress e escolha Theme Builder ou Landing Pages, dependendo de suas necessidades. A partir daí, você pode selecionar um modelo de página de destino pré-fabricado ou um kit completo de site que se alinhe à sua visão e comece a personalizar seu site.

kits de sites seedprod

Precisa de todas as etapas? Aqui está um guia sobre como criar um tema WordPress personalizado e como criar uma página de destino no WordPress, o que deve facilitar as coisas.

Adicionar uma Caixa de Pesquisa a uma Página do WordPress

Agora vem a parte divertida: adicionar a barra de pesquisa.

Dentro do construtor de páginas do SeedProd, você encontrará um painel à esquerda com vários blocos para adicionar à sua página. Role para baixo até encontrar o bloco Search Form

Bloco de formul	ilde{a}rio de busca SeedProd

Em seguida, arraste e solte o bloco onde você deseja adicionar a pesquisa do WordPress à sua página.

Arraste e solte o bloco de formul	ilde{a}rio de busca

Dentro das configurações do bloco de pesquisa, você pode personalizar sua aparência, tamanho e ícone de pesquisa, e até mesmo adicionar um texto de placeholder como 'Pesquisar aqui...' para guiar seus visitantes.

Op	ilde{a}	ilde{o}es de personaliza	ilde{a}	ilde{a}o do bloco de formul	ilde{a}rio de busca

Na aba 'Avançado' do formulário de pesquisa, você tem uma infinidade de opções de personalização ao seu alcance. Você pode alterar as cores do botão de pesquisa e da caixa de pesquisa para combinar com o tema do seu site, ajustar o espaçamento para um layout ideal, controlar a visibilidade do dispositivo e até adicionar animações para um toque extra.

Op	ilde{a}	ilde{o}es de personaliza	ilde{a}	ilde{a}o avan	ilde{a}adas do bloco de formul	ilde{a}rio de busca

Quando estiver satisfeito com suas alterações, clique no botão Salvar e Publicar, em seguida, visite sua página para ver sua nova barra de pesquisa.

Exemplo de barra de pesquisa em página do WordPress

Adicionando Barra de Pesquisa ao Cabeçalho do WordPress

Talvez você esteja pensando que a pesquisa do site seria mais eficaz no cabeçalho, onde é facilmente acessível em todas as páginas. Você está absolutamente certo, e com o SeedProd, adicionar uma barra de pesquisa ao cabeçalho do seu WordPress é muito fácil.

Para isso, você precisará usar o recurso Theme Builder, que permite personalizar várias partes do seu site, incluindo o cabeçalho, rodapé, barra lateral, arquivos e muito mais. 

Se você ainda não configurou seu tema WordPress usando o SeedProd, pode seguir estas etapas para personalizar seu cabeçalho do WordPress.

editar seu modelo de cabeçalho SeedProd

Assim que você estiver no modo de edição do seu cabeçalho, verá a interface familiar do construtor de páginas SeedProd. Como antes, encontre o bloco Formulário de Pesquisa no painel esquerdo e arraste-o para o local desejado no cabeçalho.

Adicionar bloco de formulário de pesquisa ao cabeçalho do WordPress

Não se esqueça de ajustar a barra de pesquisa para que ela se encaixe perfeitamente no design do seu cabeçalho. Vá para a aba ‘Avançado’ nas configurações do formulário de pesquisa. Aqui, você pode ajustar a estilização e definir a barra de pesquisa para aparecer de forma diferente em vários dispositivos.

Depois de salvar suas alterações, você pode conferir seu site para ver sua barra de pesquisa no cabeçalho ativa e funcionando.

como adicionar barra de pesquisa ao cabeçalho do WordPress

Adicionar o Widget de Pesquisa à Barra Lateral do WordPress

Às vezes, a barra lateral é o local perfeito para uma barra de pesquisa — especialmente se você quiser que ela seja acessível, mas não muito chamativa. Com o SeedProd, adicionar uma barra de pesquisa à barra lateral do seu WordPress é tão simples quanto adicioná-la ao cabeçalho.

Vamos percorrer as etapas.

Como antes, navegue até o seu painel do WordPress e clique em SeedProd, depois em Theme Builder. A partir daí, clique no link “Editar Design” no seu modelo de barra lateral para abrir o construtor de páginas.

Editar modelo de barra lateral SeedProd

Se você ainda não tem este modelo, siga estas etapas para criar uma barra lateral personalizada no WordPress.

Assim que estiver no construtor de páginas da sua barra lateral, encontre o bloco de Pesquisa no painel esquerdo e arraste-o para onde você gostaria que a barra de pesquisa ficasse na sua barra lateral.

Adicionar barra de pesquisa à barra lateral do WordPress

Agora, tudo o que resta é personalizar sua aparência e clicar no botão Salvar para tornar suas alterações visíveis.

Exemplo de barra de pesquisa na barra lateral do WordPress

Método 2. Adicionar Pesquisa ao Site no WordPress com um Plugin de Barra de Pesquisa

Se você está procurando uma solução dedicada para adicionar uma barra de pesquisa ao seu site WordPress, um plugin de pesquisa do WordPress como o SearchWP é uma excelente escolha.

searchwp, o melhor plugin de eCommerce do WordPress para downloads digitais

Plugins de pesquisa como este permitem que você adicione caixas de pesquisa facilmente, com recursos avançados como pesquisa ao vivo com Ajax e resultados de pesquisa personalizáveis.

A pesquisa Ajax ao vivo oferece aos usuários resultados de pesquisa em tempo real enquanto eles digitam. Isso reduz o tempo que eles precisam esperar por resultados, ao mesmo tempo que melhora a experiência geral de pesquisa.

Adicionando uma Barra de Pesquisa ao Menu de Navegação do WordPress

Primeiro, navegue até o seu painel do WordPress, vá para Plugins e clique em Adicionar Novo. Procure por ‘SearchWP Modal Search Form‘ e instale e ative o plugin. Alternativamente, você pode baixar o plugin do WordPress.org e enviá-lo manualmente.

Plugin SearchWP Modal Search Form

Após a ativação, vá para Aparência e Menus no seu painel e selecione um menu para editar no menu suspenso.

formulário de pesquisa modal no menu do WordPress

Em seguida, encontre a caixa ‘SearchWP Modal Search Forms’ no lado esquerdo da tela e clique nela para expandir suas opções. Marque a opção de caixa ‘Native WordPress’ e clique no botão Adicionar ao menu.

Checkbox nativo de formulário de pesquisa modal do WordPress

Agora você verá um item ‘Native WordPress’ no seu menu, no qual você pode clicar para personalizar. Por exemplo, você pode alterar o rótulo de navegação para ‘Pesquisar’ para maior clareza.

Personalizar rótulo de navegação do formulário de pesquisa modal

Depois disso, clique no bot ildeo Salvar Alterações para salvar seu menu e visite seu site para ver a fun ilde{a}o de busca do menu em a ilde{a}o.

Exemplo de barra de pesquisa no menu do WordPress

Para uma experi ilde{a}ncia de busca mais interativa, voc ilde{e} pode adicionar resultados de busca ao vivo usando a tecnologia Ajax. Isso permite que voc ilde{e} exiba resultados de busca relevantes enquanto os usu ilde{a}rios digitam suas consultas, semelhante ao Google Search e outros mecanismos de busca.

Para fazer isso, instale e ative o plugin ilde{a}SearchWP Live Ajax Search ilde{a}. Ele funciona perfeitamente com o Formul ilde{a}rio de Busca Modal do SearchWP e n ilde{a}o tem configura ilde{a} ilde{o}es para configurar.

Plugin SearchWP Live Ajax Search

Ap ilde{o}s a ativa ilde{a} ilde{a}o, o plugin adicionar ilde{a} automaticamente a busca ao vivo a todos os seus formul ilde{a}rios. Voc ilde{e} pode v ilde{e}-lo em a ilde{a}o visitando seu formul ilde{a}rio de busca no front-end do seu site e digitando uma consulta.

Exemplo de pesquisa AJAX ao vivo no WordPress

Personalizando Seus Resultados de Busca do WordPress

Adicionar uma barra de busca ao vivo ao seu menu do WordPress ilde{a} um ilde{a}timo come ilde{a}o, mas voc ilde{e} pode ir muito al ilde{e}m com o plugin premium SearchWP. O plugin premium possui recursos de busca avan ilde{a}ados, permitindo que voc ilde{e} personalize os resultados da busca e destaque itens promovidos como produtos de eCommerce.

Recursos e opções de personalização da barra de pesquisa avançada do SearchWP

Para um guia completo, veja estas dicas sobre como melhorar a busca do WordPress com SearchWP.

Aí está!

Adicionar uma barra de busca ao seu site WordPress ilde{a} uma a ilde{a}o inteligente. Isso torna seu site mais f ilde{a}cil de usar e ajuda os visitantes a encontrarem o que procuram. Se voc ilde{e} usar SeedProd ou SearchWP, ambos os m ilde{e}todos s ilde{a}o simples e eficazes.

Ent ilde{a}o, adicione essa barra de busca - seus visitantes ir ilde{a}o apreci ilde{a}-la!

Se voc ilde{e} est ilde{a} procurando por mais tutoriais f ilde{a}ceis de WordPress, por favor, confira os seguintes guias:

Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTubeXFacebook para mais conselhos e conteúdo úteis para expandir seus negócios.

avatar do autor
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Nós apenas recomendamos produtos que acreditamos que agregarão valor aos nossos leitores.

[weglot_switcher]