Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como usar vários formulários de pesquisa no WordPress

Uma coisa que notamos depois de criar diferentes sites WordPress durante anos é que um único formulário de pesquisa nem sempre funciona melhor. Partes diferentes de seu site podem precisar de tipos diferentes de pesquisa.

Por padrão, um formulário de pesquisa do WordPress examina todo o seu conteúdo. Mas descobrimos que os visitantes geralmente preferem pesquisas mais específicas. Por exemplo, em lojas on-line, os compradores querem pesquisar apenas produtos, não postagens de blog.

Neste artigo, mostraremos como adicionar e usar vários formulários de pesquisa em seu site WordPress. Compartilharemos o que funcionou melhor para nós em vários sites diferentes.

How to use multiple search forms in WordPress

Por que usar vários formulários de pesquisa no WordPress?

Um formulário de pesquisa pode ajudar os visitantes a encontrar rapidamente o que estão procurando. Entretanto, se você tiver muito conteúdo, talvez faça sentido criar vários formulários que pesquisem tipos específicos de conteúdo.

Por exemplo, se você tiver uma loja on-line, poderá criar uma busca inteligente de produtos do WooCommerce que pesquise especificamente por produtos.

Você também pode criar um formulário de pesquisa avançada para tipos de post personalizados. Por exemplo, no WPBeginner, criamos formulários de pesquisa de tipo de postagem personalizada para nossas páginas de Ofertas e Glossário.

An example of a custom post search form

Ao usar diferentes formulários de pesquisa em diferentes locais do seu site, você pode ajudar os visitantes a obter resultados de pesquisa precisos e úteis, independentemente da quantidade de conteúdo publicado. Isso melhorará a experiência do visitante e reduzirá a taxa de rejeição.

Dito isso, vamos mostrar a você como criar vários formulários de pesquisa no WordPress. Você pode usar os links rápidos abaixo para navegar por este tutorial:

Etapa 1: Instalar e configurar o SearchWP

A maneira mais fácil de adicionar vários formulários de pesquisa ao seu site WordPress é usar o plug-in SearchWP. Ele é um dos melhores plug-ins de pesquisa para WordPress, usado por mais de 50.000 sites.

SearchWP

Com o SearchWP, você pode pesquisar conteúdo que o WordPress ignora por padrão, incluindo tipos de post personalizados, arquivos PDF, produtos WooCommerce e categorias. Você também pode criar vários formulários de pesquisa diferentes e, em seguida, adicionar esses formulários a qualquer página, post ou área pronta para widget.

A primeira coisa que você precisa fazer é instalar e ativar o plug-in SearchWP. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, vá para SearchWP ” Configurações e clique na guia “Geral”.

Activating the SearchWP search plugin

Aqui, você precisa inserir sua licença na caixa “License Key” (Chave de licença). Você pode encontrar essas informações em sua conta no site do SearchWP.

Feito isso, basta clicar no botão “Verify Key” (Verificar chave).

Etapa 2: Criar um algoritmo de pesquisa personalizado do WordPress

Depois de inserir a chave de licença, é uma boa ideia ajustar a forma como o SearchWP indexa, pesquisa e exibe seu conteúdo. Você pode pensar nisso como a criação de um algoritmo de pesquisa do Google personalizado, exclusivo para seu blog ou site do WordPress.

Essas são as configurações gerais que todos os formulários de pesquisa usarão por padrão. Você pode substituir essas configurações para os formulários de pesquisa individuais.

Para começar, vá para SearchWP Algorithm.

Creating a search algorithm using SearchWP in WordPress

Aqui, você verá uma seção para os diferentes tipos de conteúdo que o SearchWP pesquisa por padrão, como páginas e posts.

Você notará que cada item tem uma escala de “Relevância do atributo aplicável”. Esse é o peso (importância) que o SearchWP atribuirá a cada atributo.

SearchWP's attribute relevance settings

O conteúdo que corresponde a um atributo com alta relevância aparecerá mais alto nos resultados da pesquisa. Por outro lado, o conteúdo que corresponder a um atributo de menor relevância aparecerá em uma posição inferior na página de resultados da pesquisa.

Para alterar a relevância, basta arrastar os diferentes controles deslizantes. Por exemplo, se você mover o controle deslizante “Title” (Título) para a esquerda e o controle deslizante “Content” (Conteúdo) para a direita, o conteúdo terá mais peso do que o título.

An example of attributes with different relevancy settings in a custom search algorithm

Você pode até mesmo dizer ao SearchWP para pesquisar conteúdo que o WordPress ignora por padrão.

Para fazer isso, clique no botão “Sources & Settings” (Fontes e configurações).

How to make more content searchable in WordPress

Agora você pode marcar a caixa ao lado dos diferentes tipos de conteúdo. Por exemplo, talvez você queira tornar os comentários do blog pesquisáveis ou adicionar indexação e pesquisa de PDFs no WordPress.

Quando estiver satisfeito com suas alterações, basta clicar no botão “Done” (Concluído).

How to add comments, media, and more to the WordPress search results

Isso adiciona uma nova seção para cada tipo de conteúdo. Mais uma vez, você pode alterar a relevância do atributo usando os diferentes controles deslizantes.

Quando estiver satisfeito com a configuração do algoritmo de busca, basta rolar até a parte superior da tela e clicar no botão “Salvar”.

Saving your improved WordPress search settings

O SearchWP agora reconstruirá o índice automaticamente. Dependendo da velocidade da sua conexão com a Internet e do seu provedor de hospedagem WordPress, isso pode levar alguns minutos.

Assim que vir “Index Status 100%”, você saberá que o SearchWP indexou todo o seu conteúdo e configurações.

Rebuilding the WordPress search index

Etapa 3: Criar vários formulários de pesquisa diferentes no WordPress

Agora, você pode criar quantos formulários de pesquisa diferentes quiser.

Para começar, vá para SearchWP ” Search Forms e clique no botão “Add New” (Adicionar novo).

How to create a new search form using SearchWP

Isso cria um novo formulário de pesquisa, pronto para ser personalizado por você. Por exemplo, se você tiver um site de avaliação, poderá criar um formulário que pesquise postagens de avaliação de produtos e ignore outros conteúdos, como postagens de blog e mídia.

Para começar, você precisará dar um nome exclusivo ao formulário, clicando no pequeno ícone de lápis ao lado de “Search Form 1”.

Adding a name to the search form

Agora você digita um nome para o formulário de pesquisa personalizado.

Como você criará vários formulários de pesquisa no WordPress, é importante usar um nome que o ajude a identificar esse formulário no painel do WordPress.

Adding a title to a custom search form

Depois disso, você pode escolher um layout usando as miniaturas de ‘Layout Theme’.

Alguns desses layouts foram projetados para formulários de pesquisa específicos. Por exemplo, se você estiver criando um formulário que pesquise por categoria no WordPress, recomendamos selecionar “Category Search”, pois ele já tem muitas das configurações necessárias.

Choosing a layout for a custom search form

Basta clicar nos diferentes temas para ver uma prévia de como esse formulário ficará em seu site. Depois de tomar sua decisão, vá até a seção “Custom Styling” (Estilo personalizado).

As configurações que você vê podem variar dependendo do layout do tema. Por exemplo, se você selecionou “Quick Search”, a configuração “Quick Search” será ativada por padrão.

The quick search SearchWP theme and settings

Você pode desativar e ativar as diferentes opções usando seus botões de alternância. A visualização ao vivo será atualizada automaticamente à medida que você fizer alterações, para que você possa experimentar diferentes configurações e ver qual funciona melhor.

Dependendo do seu layout e do tipo de formulário que deseja criar, talvez seja necessário ativar e desativar algumas das configurações de “Estilo personalizado”.

Deseja criar um formulário que pesquise por categoria? Então, você precisará ativar o botão de alternância “Category Search”.

Depois disso, localize o campo “Select Category” e digite cada categoria que você deseja incluir nos resultados da pesquisa. Por exemplo, se você tiver uma loja on-line, talvez queira criar formulários que pesquisem categorias específicas de produtos do WooCommerce.

Creating multiple search forms for WordPress

Se você quiser permitir que os visitantes filtrem os resultados da pesquisa usando fatores como autor, tipo de postagem e tag, será necessário clicar para ativar o botão de alternância “Pesquisa avançada”.

Depois disso, role até o campo “Advanced Search Filter/s”. Por padrão, o SearchWP permite que os visitantes filtrem seus resultados usando Autores, Tipos de Postagem e Tags.

Creating an advanced search form in WordPress

Para remover qualquer um desses filtros, basta clicar em seu botão “X”. Se quiser adicionar mais filtros, basta digitar seus nomes no campo.

Em seguida, quando a opção correta aparecer no menu suspenso, clique nela.

Adding filters to the WordPress search

Por padrão, o formulário pesquisará mídia, páginas e posts. Se você tiver criado tipos de post personalizados, talvez queira incluí-los nos resultados da pesquisa.

Para fazer isso, localize o campo “Tipo de pesquisa” e clique nele.

Adding multiple search forms to a WordPress website

Agora você pode digitar o nome de cada tipo de post personalizado.

Quando o tipo de post personalizado correto aparecer, clique para adicioná-lo à pesquisa.

How to search custom post types in WordPress

Deseja excluir mídias, páginas ou publicações dos resultados da pesquisa?

Em seguida, basta clicar no pequeno “X” ao lado de “Media”, “Pages” ou “Posts”.

Removing content types from your WordPress search results

Quando estiver satisfeito com o tipo de conteúdo que o SearchWP pesquisará, talvez você queira adicionar algum texto de espaço reservado à barra de pesquisa.

Aqui, recomendamos informar aos visitantes como o formulário de pesquisa funciona e os resultados que eles devem esperar obter. Por exemplo, se você tiver um mercado on-line, talvez queira usar um texto como “Pesquisar produtos” ou “Iniciar compras”.

Por padrão, o SearchWP mostrará uma mensagem genérica “Digite a palavra-chave e pesquise”. Você pode substituí-la por sua própria mensagem digitando em “Field Label” (Rótulo do campo).

Adding a label to a search form on your WordPress blog or website

Por padrão, o formulário de pesquisa mostra uma lupa e um botão azul “Pesquisar”.

Para remover o botão “Pesquisar”, basta clicar para desativar o botão de alternância “Botão Pesquisar”.

Customizing a search form in WordPress

Quando estiver satisfeito com essas configurações, vá até a seção “Form Style” (Estilo do formulário).

Aqui, você pode escolher entre diferentes estilos de formulário, adicionar uma borda e alterar o tamanho da fonte.

Changing the SearchWP for style

Em “Button Style” (Estilo do botão), você pode personalizar o botão “Search” (Pesquisar) que aparece no formulário.

Por fim, quando estiver satisfeito com a configuração do formulário, role até a parte superior da tela e clique em “Save” (Salvar) para armazenar suas configurações.

Saving your custom WordPress search form

Para criar mais formulários de pesquisa personalizados com configurações exclusivas, basta repetir exatamente o mesmo processo descrito acima.

Etapa 4: Adicione vários formulários de pesquisa ao seu site WordPress

Você pode adicionar vários formulários de pesquisa a qualquer página, post ou área pronta para widget usando um shortcode ou o bloco Search Form.

Como é o mais fácil, vamos começar examinando o método de bloco.

Opção 1: Adicionar um formulário de pesquisa a uma página ou postagem

Talvez você queira adicionar um formulário de pesquisa a uma página ou publicação específica ou até mesmo exibi-lo dentro do conteúdo da publicação.

Por exemplo, você pode adicionar um formulário de pesquisa à sua página de perguntas frequentes, documentação, help desk, base de conhecimento ou algo semelhante. Isso pode melhorar a experiência do cliente, ajudando os usuários a encontrar respostas e recursos úteis.

Search form in page example

Para começar, basta acessar a página ou o post em que você deseja adicionar o formulário.

Em seguida, você pode clicar no ícone “+” e digitar “Search Form”.

Adding a search form to a page or post using a block

Quando o bloco correto aparecer, clique nele.

Agora você pode abrir o menu suspenso “Select a Form” (Selecionar um formulário) e escolher o formulário que deseja exibir nessa página ou post.

Choosing a search form

Quando você estiver pronto para tornar o formulário de pesquisa ativo, basta clicar em “Update” (Atualizar) ou “Publish” (Publicar). Agora, basta visitar esta página ou postagem para ver o formulário de pesquisa em ação.

Opção 2: Adicionar um formulário de pesquisa a uma área pronta para widget

Outra opção é adicionar um formulário de pesquisa a uma área pronta para widget, como a barra lateral ou uma seção semelhante. Essa é uma maneira fácil de mostrar a mesma barra de pesquisa em várias páginas do seu site WordPress.

Vá para Appearance ” Widgets para ver todas as diferentes áreas em que você pode adicionar widgets.

Adding a search widget to a blog or website

As opções que você vê podem variar dependendo do seu tema do WordPress. Por exemplo, se você estiver usando o tema Astra, a área do widget da barra lateral será chamada de “Barra lateral principal”.

Basta clicar no ícone de bloco “+” na área em que você deseja adicionar um widget.

Add new block widget

Em seguida, digite “Search Form” (Formulário de pesquisa).

Quando o bloco correto aparecer, clique para adicioná-lo ao seu site.

Adding a search form widget to your website

Agora você pode abrir o menu suspenso e escolher o formulário de pesquisa que deseja usar.

Quando terminar, basta clicar no botão “Update” (Atualizar) para ativar o formulário de pesquisa.

Adding a search form to a blog or website

Agora, você pode visitar seu site para ver o formulário de pesquisa aprimorado.

Para obter mais informações sobre esse tópico, consulte nosso guia sobre como adicionar e usar widgets no WordPress.

Opção 3: Adicionar um formulário de pesquisa usando o editor completo do site

Se você estiver usando um tema WordPress de bloco, poderá adicionar formulários de pesquisa usando o editor completo do site. Ele inclui áreas que você não pode editar usando o editor de conteúdo padrão do WordPress. Por exemplo, você pode adicionar um formulário de pesquisa ao seu modelo 404 no WordPress.

Para começar, vá para Appearance ” Editor no painel do WordPress.

Launching the full-site editor (FSE) in WordPress

Agora, você verá algumas opções para editar o tema do bloco.

Para fins de exemplo, mostraremos como adicionar um formulário de pesquisa a um modelo de página. Para fazer isso, clique no menu “Templates”.

Choosing a Template to Edit in the Full Site Editor

Agora você verá uma lista de todos os modelos que compõem o tema do WordPress.

Basta localizar o modelo ou a parte do modelo que você deseja editar e dar um clique.

Adding a custom search form to a website template or template part

O WordPress agora mostrará uma visualização desse modelo.

Para prosseguir e editar o modelo, clique no pequeno ícone de lápis.

Adding a search form to an archive template

Agora, clique no ícone “+”.

No painel que aparece, digite “Search Form” (Formulário de pesquisa).

Adding the SearchWP search widget to WordPress

Quando o bloco correto for exibido, arraste-o e solte-o em seu layout.

Agora você pode abrir o menu suspenso e escolher o formulário de pesquisa que deseja usar.

Showing different search form widgets in WordPress

Feito isso, basta clicar no botão “Salvar” para que suas alterações sejam efetivadas.

Opção 4: Adicionar um formulário de pesquisa ao WordPress usando um código curto

Outra opção é adicionar um formulário de pesquisa usando seu shortcode. Essa pode ser uma opção mais fácil se você quiser adicionar o mesmo formulário de pesquisa a várias páginas, posts ou áreas prontas para widgets, pois basta colar o mesmo shortcode em vários locais.

Para obter o shortcode de um formulário de pesquisa, vá para SearchWP Search Forms. Aqui, encontre o formulário de pesquisa que você deseja exibir e copie o valor na coluna “Shortcode”.

How to add a search form to WordPress using shortcode

Agora você pode adicionar o shortcode a qualquer página, post ou área pronta para widget. Para obter instruções passo a passo, consulte nosso guia sobre como adicionar um shortcode no WordPress.

Opção 5: Adicione um formulário de pesquisa ao seu menu de navegação

Muitas vezes, os sites têm uma página com um formulário de pesquisa e um menu que contém uma barra de pesquisa. Dessa forma, onde quer que o usuário esteja localizado, ele pode simplesmente rolar até a seção do cabeçalho e usar o recurso de pesquisa quando necessário.

Se estiver interessado em fazer isso, consulte nosso guia sobre como adicionar uma barra de pesquisa ao menu do WordPress com o SearchWP.

Esperamos que este artigo tenha ajudado você a aprender como usar vários formulários de pesquisa no WordPress. Talvez você também queira ver nossas dicas de especialistas sobre como criar formulários mais interativos no WordPress e nossas escolhas de especialistas para os melhores plug-ins de formulário do WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

18 ComentáriosDeixe uma resposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph

    Wow, I didn’t even know it is possible to have multiple search forms. Good to know I can make search results better in certain areas with seperate forms. And once again you prove that SearchWP plugin is such a good tool to have!

    • WPBeginner Support

      Glad we could bring this to your attention :)

      Administrador

  3. Pablo

    And how would you change the placehoder text for each form?
    For instance, placehoder text for form 1: Search the normal blog. Placeholder text fro form 2: Search books for form 2.

    • WPBeginner Support

      For one option you could add placeholder = “text” in the input tag for which you want to display each text

      Administrador

  4. Jude Martenstyn

    Perfectly works. Thank you.

  5. Danny

    I cannot get this to work, search results come up with a blank page :(
    Anyone else get this working or know of another solution for creating multiple forms?

    • Sofi smith

      Hi Danny,

      Did you get this to work? The / is depreciated – use in the actual form rendering instead and it works :)

      Hope this helps.

      • Jim Bouschor

        i followed this exactly and i’m able to load the proper search results templates when i perform a search, but NO results appear. Also when I do a search in one of my forms, the other form has the searched term in the input field when i return to it.

        If anyone can shed some light it would be greatly appreciated. I cannot find anything useful on the internet somehow…

  6. Daniel Gadd

    Did this get resolved.Does it work.I hope so as im investing time here now with this post

  7. sunnyrainyareallgood

    Is it ok to name template as search-normal.php and search-book.php instead of normal-search.php and book-search.php?

  8. tourismpics

    This doesn’t appear to work. Any ideas?

  9. Arifur Rahman

    dear admin, I don’t know why I could not get any effective result by following this tutorial?

  10. Anthony

    What does the line

    “$args = array_merge( $args, $wp_query->query );”

    Do?

  11. Jenny

    …think you’ve over-coded your search box,did anyone tell you it doesn’t work at all?

  12. EvertVd

    There is small problem with this: If you place two search forms on a page you have two input-boxes with the same id (id=’s’). Which at the very least will not validate.

  13. Mirza Ali HuXain Qazilbash

    useful stuff for beginner..

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.