Como adicionar uma caixa de pesquisa à página do Elementor (Guia para iniciantes)
Publicados: 2022-05-06Você está se perguntando como adicionar uma caixa de pesquisa à página Elementor?
Adicionar uma caixa de pesquisa à sua página Elementor permite incentivar os visitantes a explorar seu site. Dessa forma, você pode aumentar a capacidade de descoberta do seu conteúdo sem esforço e obter mais visualizações de página.
Neste artigo, mostraremos duas maneiras de fazer isso:
- Como adicionar uma caixa de pesquisa padrão sem um plug-in
- Como adicionar uma caixa de pesquisa inteligente com o plug-in SearchWP
Vamos mergulhar nisso!
Por que você deve considerar o uso de um plug-in de pesquisa
Você pode adicionar facilmente uma caixa de pesquisa a uma página do Elementor sem nenhum plug-in. Mostraremos em detalhes como fazer isso mais adiante neste artigo.
Mas há uma razão pela qual você deve considerar adicioná-lo usando um plug-in de pesquisa.
O problema é que o mecanismo de pesquisa padrão do WordPress está longe de ser perfeito. Ele busca apenas títulos, conteúdo e trechos de posts e páginas.
Essa é uma grande desvantagem, pois há muitas informações que o WordPress ignora ao realizar uma pesquisa.
Essa lista inclui campos personalizados, tags e categorias de postagem, códigos de acesso e muitos outros dados úteis.
Ao torná-los pesquisáveis, você pode ajudar seus visitantes a encontrar o que estão procurando com muito mais rapidez e melhorar a experiência do usuário.
A maneira mais fácil de fazer isso é usar um plugin de pesquisa do WordPress. Com ele, você também pode personalizar várias coisas relacionadas à pesquisa em seu site.
Por exemplo, com um plugin de pesquisa, você pode facilmente:
- Criar campos de pesquisa personalizados
- Alterar a ordem dos resultados da pesquisa
- Colete dados sobre a atividade de pesquisa em seu site
- Limitar a pesquisa a postagens, páginas ou categorias específicas
- E mais!
A melhor parte? Usar um plug-in leva apenas alguns cliques para impulsionar a pesquisa do seu site – sem necessidade de codificação.
Além disso, se você usar um plug-in, sempre poderá entrar em contato com sua equipe de suporte e obter ajuda de especialistas do WordPress.
Dessa forma, você pode economizar dinheiro na contratação de um desenvolvedor da Web se tiver problemas ao adicionar uma caixa de pesquisa.
Com isso dito, vamos adicionar uma caixa de pesquisa padrão à sua página Elementor sem um plug-in.
Como adicionar uma caixa de pesquisa padrão sem um plug-in
Para começar, navegue até Páginas » Todas as páginas no painel do WordPress.
Em seguida, passe o cursor sobre a página à qual deseja adicionar a caixa de pesquisa e clique em Editar com Elementor .
Depois de chegar ao editor de páginas Elementor, digite “formulário de pesquisa” no campo Search Widget no painel esquerdo.
Depois disso, você verá o widget Search Form .
Arraste e solte-o no local da página onde deseja que a caixa de pesquisa apareça.
Você pode ver como fazemos isso abaixo:
Depois de adicionar um formulário de pesquisa, clique em Atualizar na parte inferior do editor para salvar suas alterações.
É isso. Você adicionou com sucesso um formulário de pesquisa à sua página Elementor.
Veja como fica em nosso site de teste:
Agora vamos ver como adicionar um campo de pesquisa inteligente à sua página Elementor usando um plug-in.
Como adicionar uma caixa de pesquisa inteligente com o plug-in SearchWP
Se você deseja adicionar uma caixa de pesquisa personalizada inteligente à sua página Elementor, a maneira mais fácil de fazer isso é usar um plug-in como o SearchWP.
Este é o plugin de pesquisa WordPress mais poderoso e intuitivo do mercado.
Com ele, você pode melhorar a pesquisa em seu site e ajudar seus visitantes a encontrar o que estão procurando.
Por exemplo, com o SearchWP, você pode excluir páginas específicas dos resultados da pesquisa, tornar campos personalizados pesquisáveis e muito mais.
Existem mais de 30.000 proprietários de sites WordPress que já o usam para fornecer aos visitantes os resultados de pesquisa mais relevantes.
Além de adicionar uma caixa de pesquisa inteligente às suas páginas, você também pode usar o SearchWP para:
- Torne os códigos de acesso pesquisáveis . Você usa códigos de acesso para exibir conteúdo em seu site? Com o SearchWP, você pode tornar códigos de acesso pesquisáveis para que seus visitantes possam encontrar esse conteúdo.
- Adicionar pesquisa de preenchimento automático ao vivo . Deseja exibir resultados de pesquisa ao vivo em seu site? Usando SearchWP, você pode ativar esse recurso em alguns cliques.
- Acompanhe as pesquisas de seus visitantes . O SearchWP coleta dados sobre a atividade de pesquisa em seu site para que você possa ver o que seus visitantes estão procurando.
- Ative a pesquisa por tags . Adicionar tags às suas postagens? Com o SearchWP, você pode torná-los pesquisáveis para que seus visitantes possam encontrar o conteúdo certo mais rapidamente.
Agora que você sabe como o SearchWP pode melhorar sua pesquisa no site, vamos ver como você pode adicionar uma caixa de pesquisa personalizada inteligente à sua página do Elementor usando-a.
Etapa 1: instalar e ativar o SearchWP
Para começar, vá e pegue sua cópia do plugin SearchWP aqui.
O próximo passo é fazer login na sua conta SearchWP. Uma vez lá, vá para a guia Downloads no seu painel.
Em seguida, clique no botão Download SearchWP para iniciar o download do plugin.
Quando o download estiver concluído, copie sua chave de licença do SearchWP na mesma página.
O próximo passo é fazer o upload do arquivo ZIP do plugin para o seu site e instalar o SearchWP.
Se você precisar de uma atualização sobre como fazer isso, siga este guia passo a passo sobre como instalar um plug-in do WordPress.
Depois de instalar o SearchWP, você precisará ativá-lo com sua chave de licença.
Para fazer isso, aponte o cursor sobre o botão SearchWP no painel superior do painel do WordPress e clique em Ativar licença .
Em seguida, cole a chave de licença que você copiou em uma das etapas anteriores no campo Licença e pressione o botão Ativar .
Depois de ativar sua licença do SearchWP, você pode adicionar um novo mecanismo de pesquisa e personalizá-lo para atender às suas necessidades.
Etapa 2: adicione um novo mecanismo de pesquisa e personalize-o
Para começar, clique na guia Mecanismos nas configurações do SearchWP.
Nesta guia, você pode adicionar novos mecanismos de pesquisa e gerenciar os existentes.
Um mecanismo de pesquisa contém um conjunto de regras que o WordPress segue ao realizar uma pesquisa.
Com o SearchWP, você pode criar vários mecanismos de pesquisa e vinculá-los a caixas de pesquisa específicas.
Ele permite que você crie caixas de pesquisa personalizadas com conjuntos individuais de regras e configurações.
Atualmente, existe um único mecanismo de pesquisa chamado Default . O SearchWP o cria automaticamente após a instalação.
O mecanismo de pesquisa padrão controla o trabalho de todas as caixas de pesquisa existentes em seu site. Ao personalizá-lo, você pode gerenciar como a pesquisa funciona em seu site em geral.
Por exemplo, você pode tornar pesquisáveis muitos dados úteis, excluir categorias específicas dos resultados da pesquisa e muito mais.
Como queremos tornar cada caixa de pesquisa mais inteligente em nosso site, editaremos o mecanismo de pesquisa padrão .
Para começar, vamos gerenciar a lista de suas fontes de pesquisa.
Ao adicionar e remover fontes de pesquisa desta lista, você pode controlar onde o WordPress procura por correspondências.
Para personalizar suas fontes de pesquisa, pressione o botão Fontes e configurações .

Você pode escolher quais fontes de pesquisa deseja que o WordPress considere ao realizar pesquisas na janela pop-up.
Por exemplo, digamos que queremos limitar a pesquisa em nosso site de teste a apenas postagens e arquivos de mídia.
Para fazer isso, desmarcamos todas as fontes de pesquisa, exceto Posts e Mídia .
Esta é a aparência em nosso site de teste:
Quando terminar de gerenciar suas fontes de pesquisa, pressione Concluído .
Agora, vamos ajudar seus visitantes a encontrar as postagens que desejam mais rapidamente.
Primeiro, clique na fonte de pesquisa Posts para abrir suas configurações.
Aqui você pode ver a lista de atributos de postagem que o WordPress leva em consideração ao pesquisar.
Atributos são partes específicas da postagem, como título, conteúdo, slug e trecho.
Para permitir que seus visitantes encontrem as postagens que procuram mais rapidamente, adicionaremos novos atributos a esta lista.
Primeiro, pressione o botão Adicionar/Remover Atributos .
Você pode gerenciar os atributos atuais na janela pop-up e adicionar novos.
A maneira mais fácil de tornar sua pesquisa de postagem mais inteligente é fazer com que o WordPress considere campos de postagem personalizados.
Para tornar os dados pesquisáveis em um campo personalizado específico, clique no campo Campos personalizados e insira seu nome com o prefixo “_”.
Por exemplo, tornaremos pesquisável o campo personalizado _tutorial que usamos em nosso site de teste:
Além disso, existe uma maneira de fazer o WordPress considerar todos os campos personalizados existentes sem inserir o nome de cada um manualmente.
Para fazer isso, clique novamente no campo Custom Fields e selecione o atalho Any Meta Key .
Esse atalho permite que você torne todos os campos personalizados em seu site pesquisáveis de uma só vez.
Além disso, você pode selecionar as taxonomias que deseja que o WordPress considere ao realizar pesquisas.
Para isso, clique no campo Taxonomias .
Taxonomia no WordPress é um método de organização de conteúdo. Quando se trata de postagens, pode ser uma categoria, tag, formato ou outra coisa.
Por exemplo, digamos que queremos que o WordPress leve em consideração as categorias de postagem ao pesquisar.
Para isso, clicaremos na taxonomia de categorias para adicioná-la à lista de atributos de postagem.
Quando terminar de gerenciar os atributos de postagem pesquisáveis, clique em Concluído para salvar as alterações feitas.
Além disso, você pode gerenciar o peso de relevância dos atributos aplicáveis movendo o controle deslizante ao lado deles para a esquerda ou direita.
Quanto menor o peso do atributo, menos atenção o WordPress prestará a ele ao realizar pesquisas.
Por exemplo, digamos que queremos reduzir o peso dos atributos Slug e Excerpt para zero.
Para fazer isso, moveremos o controle deslizante ao lado de cada um deles para a esquerda:
Vamos também tornar arquivos PDF e documentos pesquisáveis em seu site.
Para fazer isso, clique na fonte de pesquisa de mídia .
Em seguida, pressione o botão Adicionar/Remover Atributos .
Para tornar o conteúdo do documento de índice do WordPress e os metadados do PDF que você carrega no seu site, marque as caixas Conteúdo do Documento e Metadados do PDF .
Depois de terminar, pressione Concluído .
Quando estiver satisfeito com a forma como personalizou seu mecanismo de pesquisa, você precisará salvar as alterações feitas.
Você pode fazer isso pressionando o botão Save Engines no canto superior direito.
É isso. Agora você sabe como personalizar a pesquisa em seu site para atender às suas necessidades e torná-la muito mais inteligente.
A etapa final é adicionar sua nova caixa de pesquisa inteligente à página Elementor.
Etapa 3: adicionar uma caixa de pesquisa inteligente à página do Elementor
Todas as alterações feitas no mecanismo de pesquisa padrão se aplicam automaticamente a todas as caixas de pesquisa do seu site.
Como já mostramos anteriormente como adicionar uma caixa de pesquisa à página do Elementor, basta seguir este tutorial.
O SearchWP tem integração perfeita com o Elementor, para que você não precise executar nenhuma etapa adicional para configurá-lo.
Depois de adicionar uma caixa de pesquisa, vamos experimentar seu novo mecanismo de pesquisa.
Por exemplo, em nosso site de teste, temos um post chamado “TOP-3 WordPress eCommerce plugins”. Possui o campo personalizado Tipo , onde colocamos a palavra “vitrine”.
Vamos verificar se podemos encontrar esta postagem apenas pelo conteúdo do campo personalizado.
Como você pode ver, encontramos a postagem com sucesso, pois nosso site agora considera campos personalizados ao realizar pesquisas.
Ele permite que os visitantes encontrem o conteúdo certo mais rapidamente e torna a experiência do usuário mais positiva.
Além disso, carregamos um arquivo PDF intitulado “Guia do usuário do WordPress” em nosso site de teste. Vamos verificar se podemos encontrá-lo.
Como você pode ver, encontramos nosso PDF.
Isso significa que nossos visitantes agora podem encontrar PDFs e documentos carregados em nosso site usando uma barra de pesquisa.
Neste artigo, você aprendeu como adicionar uma caixa de pesquisa à sua página Elementor. Isso ajudará você a incentivar seus visitantes a fazer pesquisas em seu site e aumentar a capacidade de descoberta de seu conteúdo.
Se você estiver pronto para adicionar uma caixa de pesquisa inteligente às suas páginas do Elementor, você pode pegar sua cópia do SearchWP aqui.
Quer saber por que a pesquisa de tipo de postagem personalizada não funciona em seu site? Confira como corrigir a pesquisa de tipo de postagem personalizada que não está funcionando no tutorial do WordPress.
Quer tornar as tags de postagem pesquisáveis em seu site? Siga o guia detalhado de como pesquisar postagens por tags no WordPress.