Como Adicionar uma Barra de Pesquisa ao Menu do WordPress (Passo a Passo)

Adicionar mais links ao seu menu do WordPress não ajudará se os visitantes ainda não conseguirem encontrar o que procuram. E no celular, menus longos são especialmente frustrantes de usar. Clicar em vários links é lento e os visitantes muitas vezes desistem antes de chegar à página certa.

Este é um problema comum em sites com muito conteúdo e em crescimento. Portanto, muitos usuários esperam uma barra de pesquisa diretamente no menu de navegação. É mais rápido, mais limpo e torna muito mais fácil para os visitantes encontrarem conteúdo.

Testamos isso em dezenas de sites, e os resultados são sempre os mesmos: quando os usuários podem pesquisar diretamente do menu principal, eles interagem mais e ficam mais tempo. É um pequeno ajuste que leva a grandes melhorias.

Neste guia passo a passo, mostraremos como adicionar uma barra de pesquisa ao seu menu do WordPress usando métodos fáceis para iniciantes que funcionam com a maioria dos temas. 🔎

Por que Adicionar uma Barra de Pesquisa ao Menu de Navegação do WordPress?

Uma barra de pesquisa ajuda os usuários a encontrar o que procuram sem sair do seu site WordPress. Isso pode melhorar a experiência do usuário, manter os visitantes no seu site por mais tempo e aumentar o engajamento.

É por isso que a maioria dos designers e especialistas em sites recomendam adicionar uma barra de pesquisa ao menu de navegação, onde os usuários podem encontrá-la facilmente.

Dependendo do tema que você usa, a maneira de adicionar uma barra de pesquisa ao seu menu será diferente.

Se você usa um tema clássico, precisará de um plugin de pesquisa do WordPress. Quanto aos usuários de temas de bloco, você pode simplesmente usar o Editor Completo do Site (FSE).

Com isso em mente, abordaremos os dois métodos um por um. Você pode usar os links rápidos abaixo para pular para a seção desejada:

Vamos começar.

Método 1: Adicionando uma Barra de Pesquisa no Menu de um Tema Clássico do WordPress

Este primeiro método é para aqueles que usam um tema clássico do WordPress. Isso significa que você vê o menu Aparência » Personalizar no seu painel do WordPress e pode acessar o Personalizador de Tema.

Se você usa um tema clássico, só pode adicionar o widget de pesquisa do WordPress a áreas prontas para widgets, como a barra lateral, não ao menu do WordPress.

Para contornar esse problema, você precisará de um plugin que permita adicionar uma barra de pesquisa a outras áreas do seu site, incluindo menus de navegação.

SearchWP Modal Search Form é a nossa melhor recomendação. Este plugin gratuito é fácil de usar, fica ótimo com qualquer tema e não afetará negativamente o desempenho do seu site. Além disso, ele não requer o plugin premium SearchWP.

A primeira coisa que você precisa fazer é instalar e ativar o plugin SearchWP Modal Search Form.

Na sua área de administração do WordPress, vá para Plugins » Adicionar Novo Plugin.

Em seguida, você pode usar a barra de pesquisa para encontrar rapidamente o plugin.

Quando encontrá-lo, basta clicar em ‘Instalar Agora’ e depois em ‘Ativar’ quando ele aparecer.

Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Assim que o plugin for ativado, você poderá adicionar a barra de pesquisa ao seu menu do WordPress. Simplesmente vá para Aparência » Menus e certifique-se de selecionar o menu Principal no menu suspenso ‘Selecionar menu para editar’.

Depois disso, clique no botão ‘Selecionar’.

Em seguida, clique na caixa SearchWP Modal Search Forms no lado esquerdo da tela.

Você verá que o plugin adicionou automaticamente um modelo de pesquisa ‘Native WordPress’.

Clique no botão ‘Adicionar ao menu’.

O WordPress agora adicionará um novo item ‘Native WordPress’ ao seu menu.

Para configurar este item, clique nele para expandir suas configurações. Para começar, é uma boa ideia alterar o rótulo de navegação para ‘Pesquisar’ para que os visitantes saibam que este é um campo de pesquisa.

To make this change, simply type ‘Search’ into the ‘Navigation Label’ field.

After that, click on the ‘Save Menu’ button to save your changes. Now, if you visit your WordPress blog, you’ll see a new Search bar in the navigation menu.

SearchWP will automatically style the search to suit your WordPress theme, as you can see in the following images.

Method 2: Adding a Search Bar in a Block WordPress Theme’s Menu

If you use a block WordPress theme, then you can use the Full Site Editor to add a search bar to your navigation menu.

Para fazer isso, simplesmente vá para Aparência » Editor na área de administração do WordPress.

Agora você verá uma lista de opções para personalizar seu tema.

Here, just click on ‘Navigation.’

Em seguida, clique no botão de ‘Editar’ com o ícone de lápis para o seu menu de navegação.

This will direct you to the block editor.

Nesta etapa, clique no botão ‘+ Adicionar Bloco’ dentro do seu menu de navegação.

After that, choose the Search block.

Your navigation menu should now have a search bar.

Adicionalmente, você pode editar o texto do placeholder e alterá-lo para algo como ‘O que você está procurando?’

Na barra lateral de configurações do bloco, sinta-se à vontade para personalizar a aparência da barra de pesquisa. E assim que estiver satisfeito com o bloco de pesquisa, basta clicar em ‘Salvar’.

Dica Bônus: Use o SearchWP para Melhorar a Pesquisa do Seu WordPress

Além de adicionar uma barra de pesquisa ao seu menu de navegação, existem muitas outras maneiras de melhorar sua experiência de pesquisa no WordPress.

Uma opção é usar o SearchWP. É o melhor plugin de busca do WordPress para personalizar seu algoritmo de busca sem tocar em nenhum código.

Saiba mais sobre o plugin em nossa análise detalhada do SearchWP.

Por exemplo, você pode tornar seu formulário de busca ainda mais amigável adicionando resultados de busca ao vivo usando Ajax. Isso mostrará automaticamente ao visitante resultados de busca relevantes enquanto ele digita a consulta, assim como o Google.

Para mais informações, você pode ler nosso artigo sobre como adicionar pesquisa Ajax ao vivo ao seu site WordPress.

Adicionar uma barra de pesquisa SearchWP também é fácil. Se você usar o Formulário de Modal de Pesquisa SearchWP no Método 1, então você também pode usar o plugin SearchWP com ele.

Se você usar um tema de blocos, o SearchWP vem com um bloco de formulário de pesquisa integrado que você pode adicionar em qualquer lugar do seu site, incluindo o menu de navegação.

FAQ: Como Adicionar uma Barra de Pesquisa no WordPress

Adicionar uma barra de busca ao seu site WordPress geralmente é simples, mas algumas perguntas comuns surgem ao longo do caminho. Abaixo, cobriremos respostas rápidas para os problemas mais comuns e recursos relacionados sobre os quais os leitores costumam perguntar.

Por que minha barra de busca não está aparecendo?

Isso geralmente acontece por causa do seu tema ou de onde o widget de pesquisa está posicionado. Alguns temas só exibem barras de pesquisa em áreas específicas, como o cabeçalho ou a barra lateral. Também pode estar oculto por CSS personalizado ou não adicionado ao menu ou área de widget corretos.

Mudar temporariamente para um tema padrão do WordPress pode ajudar a confirmar se o problema está relacionado ao tema. Se você estiver usando um plugin, certifique-se de que ele esteja ativado e devidamente conectado às configurações do seu menu ou cabeçalho.

Como adiciono um ícone de pesquisa ao meu site WordPress?

Muitos temas WordPress incluem uma opção integrada para mostrar um ícone de pesquisa no cabeçalho ou menu de navegação. Geralmente, você pode encontrar isso em Aparência » Personalizar ou nas configurações de cabeçalho do seu tema.

Se o seu tema não suportar isso, alguns plugins podem adicionar um ícone de pesquisa clicável que abre uma barra de pesquisa. Esta é uma opção popular para manter os menus limpos, especialmente em dispositivos móveis.

Como crio uma tabela pesquisável no WordPress?

Para tornar uma tabela pesquisável, você precisará de um plugin de tabela que inclua um recurso de pesquisa integrado. Esses plugins permitem que os visitantes digitem em um campo de pesquisa e filtrem instantaneamente as linhas da tabela com base em palavras-chave.

Isso é útil para tabelas de preços, listas de produtos, diretórios ou gráficos comparativos onde os usuários precisam encontrar rapidamente informações específicas.

Como faço para exibir a barra de pesquisa em uma página?

A maneira mais fácil é adicionar um bloco de pesquisa à página usando o editor de blocos do WordPress. Basta procurar pelo bloco de Pesquisa e colocá-lo onde você deseja que ele apareça.

Alguns plugins e temas também permitem que você exiba uma barra de pesquisa usando um botão ou ícone que se expande ao ser clicado, o que funciona bem para páginas de destino ou layouts móveis.

Como adicionar uma barra de pesquisa no WordPress sem plugins?

Você pode adicionar uma barra de pesquisa básica sem plugins usando o bloco ou widget de Pesquisa integrado do WordPress. Simplesmente coloque-o em uma página, postagem, barra lateral ou rodapé usando o editor de blocos ou as configurações do widget.

Para posicionamento avançado, como adicionar pesquisa a um menu ou cabeçalho sem plugins, você geralmente precisará editar arquivos de tema ou adicionar código personalizado. É por isso que muitos iniciantes preferem usar plugins – é mais rápido e seguro.

Próximos Passos: Melhorar a Pesquisa do WordPress

Esperamos que este artigo tenha ajudado você a aprender como adicionar uma barra de pesquisa a um menu do WordPress.

Se você quiser melhorar ainda mais a função de pesquisa do seu site WordPress, aqui estão outras dicas e truques para você começar:

• Como Usar Múltiplos Formulários de Pesquisa no WordPress
• Como Personalizar a Página de Resultados de Pesquisa no WordPress
• Como Pesquisar por Categoria no WordPress
• Como Excluir Páginas dos Resultados de Pesquisa do WordPress
• Como Adicionar Pesquisa Multilíngue no 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.