Como adicionar uma caixa de pesquisa à página do Elementor (Guia para iniciantes)

Publicados: 2022-05-06

Você 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.

navigate to All Pages

Em seguida, passe o cursor sobre a página à qual deseja adicionar a caixa de pesquisa e clique em Editar com Elementor .

click Edit with Elementor

Depois de chegar ao editor de páginas Elementor, digite “formulário de pesquisa” no campo Search Widget no painel esquerdo.

search for search form

Depois disso, você verá o widget Search Form .

find the 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:

how to add a search box to Elementor page (beginner's guide)

Depois de adicionar um formulário de pesquisa, clique em Atualizar na parte inferior do editor para salvar suas alterações.

click Update

É isso. Você adicionou com sucesso um formulário de pesquisa à sua página Elementor.

Veja como fica em nosso site de teste:

click search

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.

SearchWP logo

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.

navigate to the Downloads section

Em seguida, clique no botão Download SearchWP para iniciar o download do plugin.

press Download SearchWP

Quando o download estiver concluído, copie sua chave de licença do SearchWP na mesma página.

copy your license key

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 .

click Activate License

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 .

click Activate

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.

go to the Engines tab

Nesta guia, você pode adicionar novos mecanismos de pesquisa e gerenciar os existentes.

the list of your search engines

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 .

click Sources and Settings

Você pode escolher quais fontes de pesquisa deseja que o WordPress considere ao realizar pesquisas na janela pop-up.

search sources

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:

check search sources you want

Quando terminar de gerenciar suas fontes de pesquisa, pressione Concluído .

press Done

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.

click Posts

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.

applicable post attributes

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 .

click Add Remove attributes

Você pode gerenciar os atributos atuais na janela pop-up e adicionar novos.

manage post attributes

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:

add a custom field

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.

choose Any Meta Key

Além disso, você pode selecionar as taxonomias que deseja que o WordPress considere ao realizar pesquisas.

Para isso, clique no campo Taxonomias .

add a taxonomy

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.

add the Categories taxonomy

Quando terminar de gerenciar os atributos de postagem pesquisáveis, clique em Concluído para salvar as alterações feitas.

click Done

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.

adjust the attributes relevance weight

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:

set the lowest weight

Vamos também tornar arquivos PDF e documentos pesquisáveis ​​em seu site.

Para fazer isso, clique na fonte de pesquisa de mídia .

click on the Media search source

Em seguida, pressione o botão Adicionar/Remover Atributos .

click Add Remove attributes within the Media source

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 .

check Document content and PDF meta

Depois de terminar, pressione Concluído .

press Done when you're finished

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.

click Save Engines

É 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.

search by a custom field

Como você pode ver, encontramos a postagem com sucesso, pois nosso site agora considera campos personalizados ao realizar pesquisas.

we found our post

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.

search for a PDF file

Como você pode ver, encontramos nosso PDF.

we found our PDF file

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.