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 personalizar a página de resultados de pesquisa de produtos do WooCommerce

Gostaria de personalizar sua página de resultados de pesquisa de produtos do WooCommerce?

Por padrão, o WordPress e o WooCommerce têm recursos de pesquisa limitados. Ao personalizar os resultados da pesquisa de produtos, você poderá aumentar as vendas e expandir seus negócios.

Neste artigo, mostraremos algumas maneiras fáceis de personalizar a página de resultados de pesquisa de produtos do WooCommerce para proporcionar uma melhor experiência ao usuário.

How to Customize WooCommerce Product Search Results Page

Por que personalizar a página de resultados de pesquisa de produtos do WooCommerce?

Por padrão, o WooCommerce vem com um recurso de pesquisa de produtos integrado. No entanto, ele tem sérias limitações. Isso pode significar que seus clientes não conseguirão encontrar os produtos que estão procurando.

Como resultado, você pode estar perdendo vendas em potencial. Se seus clientes não conseguirem encontrar o que estão procurando, eles podem não voltar à sua loja on-line.

Como isso acontece? A pesquisa padrão do WooCommerce indexa apenas o título, o conteúdo e o trecho de posts e páginas. Ela não considera nenhum conteúdo dos campos personalizados ao realizar uma pesquisa.

Isso é um problema porque grande parte dos dados de seus produtos do WooCommerce é armazenada em campos personalizados. Como resultado, nenhuma de suas categorias de produtos do WooCommerce, tags, avaliações e outros atributos especiais serão indexados.

Felizmente, você pode resolver esse problema usando um plugin de pesquisa de produtos do WooCommerce.

Dito isso, vamos dar uma olhada em alguns exemplos de como você pode melhorar a página de resultados de pesquisa de produtos do WooCommerce.

Aqui está o que você aprenderá com este guia. Você pode clicar no link para pular para a seção de seu interesse.

Tutorial em vídeo

Subscribe to WPBeginner

Se você preferir instruções por escrito, continue lendo.

Como tornar os dados de produtos do WooCommerce pesquisáveis

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.

O SearchWP é o melhor plug-in de pesquisa personalizada para WordPress e é usado por mais de 30.000 sites. Ele também é um dos melhores plugins para WooCommerce porque fornece resultados de produtos mais relevantes para seus clientes.

Observação: você precisará de pelo menos o plano Pro para acessar a integração com o WooCommerce.

Você pode ver nossa análise completa do SearchWP para obter mais detalhes.

Após a ativação, você precisa visitar a página SearchWP ” Configurações e alternar para a guia “Suporte” para inserir sua chave de licença. Você pode encontrá-la na área da sua conta no site do SearchWP.

Paste Your SearchWP License Key

Em seguida, você precisa instalar e ativar a extensão WooCommerce Integration.

Você pode fazer o download na área da sua conta no site do SearchWP e instalá-lo como faria com qualquer outro plug-in do WordPress.

Install the WooCommerce Integration Extension

Agora você está pronto para configurar seu mecanismo de busca personalizado do SearchWP.

Basta acessar a página SearchWP ” Settings (Configurações ) e verificar se você está na guia “Engines” (Mecanismos). Uma vez lá, você precisa clicar no botão “Sources & Settings” (Fontes e configurações).

Click on the 'Sources & Settings' Button

Isso abrirá uma janela pop-up na qual você deverá verificar se a caixa de seleção ao lado de “Products” está marcada. Isso permitirá que o SearchWP indexe seus produtos do WooCommerce.

As avaliações de produtos do WooCommerce são armazenadas como comentários. Se quiser tornar as avaliações pesquisáveis, você também deve marcar a caixa “Comments” (Comentários).

Check the Products and Comments Boxes

Depois de fazer isso, clique no botão “Done” (Concluído) para fechar a janela pop-up.

Agora você precisa rolar para baixo até a seção “Products” (Produtos). Observe que, por padrão, o plug-in só examinará o título do produto, o conteúdo (descrição), o slug e o excerto (descrição curta).

Click the 'Add/Remove Attributes' Button in the Products Section

Você pode ampliar o alcance do SearchWP clicando no botão “Add/Remove Attributes” (Adicionar/remover atributos).

Isso abrirá uma janela pop-up na qual você poderá incluir campos personalizados e taxonomias específicas nas pesquisas. Para este tutorial, adicionamos os campos personalizados “color” e “size” e as taxonomias “product categories” e “product tags”.

Add Custom Fields and Taxonomies to the Search Engine

Agora você pode clicar no botão “Done” (Concluído) e deverá notar que esses campos personalizados e taxonomias foram adicionados à seção de produtos do SearchWP.

Depois disso, você pode ajustar o peso de cada atributo. Se quiser tornar um atributo específico mais importante nos resultados de pesquisa, basta mover o controle deslizante para a direita.

Adjust the Importance of Each Attribute

Quando terminar, clique no botão “Save Engines” (Salvar mecanismos) na parte superior da tela para salvar suas configurações.

Em seguida, o SearchWP começará a reconstruir seu índice de pesquisa em segundo plano. Depois disso, o plug-in estará pronto para começar a fornecer resultados de pesquisa mais relevantes para sua loja WooCommerce.

Click the 'Save Engine' Button

O SearchWP usará automaticamente todos os formulários de pesquisa em sua loja on-line. No entanto, se você precisar adicionar um formulário de pesquisa, consulte nosso guia passo a passo sobre como criar um formulário de pesquisa personalizado do WordPress. Isso também lhe ensinará como estilizar a página de resultados usando CSS personalizado.

Agora você pode ir para sua loja WooCommerce para experimentar o recurso de pesquisa. Vamos pesquisar a categoria de produto “hoodies”, e todos os produtos dessa categoria serão exibidos.

Product Search Results Page Preview

Para saber mais, consulte nosso guia sobre como fazer uma busca inteligente de produtos no WooCommerce.

Personalização de quais produtos serão exibidos nas páginas de resultados de pesquisa

Por padrão, o SearchWP incluirá todos os produtos de sua loja on-line nos resultados da pesquisa. No entanto, talvez você queira especificar quais produtos devem ou não ser exibidos.

Por exemplo, você pode excluir automaticamente os produtos se eles se enquadrarem em determinadas condições, como se forem descontinuados ou estiverem fora de estoque. Ou você pode exibir apenas produtos que estejam em promoção ou que tenham frete grátis.

Por exemplo, a loja do AeroPress WooCommerce permite que você pesquise produtos com frete grátis. Esse é um grande incentivo para que os clientes façam uma compra.

AeroPress Product Search Results Page

Para começar, clique no botão “Edit Rules” (Editar regras) na seção Products (Produtos) do SearchWP.

Click the 'Edit Rules' Button

No momento, não há regras. Você pode criar quantas regras precisar.

Para criar sua primeira regra, você precisa clicar no botão “Add Rule” (Adicionar regra).

Click the 'Add Rule' Button

Agora você pode especificar as condições para as quais os produtos devem ser mostrados ou excluídos dos resultados da pesquisa. Para este tutorial, excluiremos todos os produtos fora de estoque.

Primeiro, você deve selecionar “Excluir entradas se” no primeiro menu suspenso. Em seguida, selecione a taxonomia “Product visibility” e digite “outofstock” no campo ao lado.

Creating a Rule to Exclude Out of Stock Products

Se desejar, você pode adicionar condições adicionais que devem ser excluídas clicando no botão “OU”. Quando terminar de adicionar as regras, clique no botão “Done” (Concluído).

Agora, tudo o que você precisa fazer é pressionar o botão “Save Engines” (Salvar motores) na parte superior para armazenar suas alterações.

Click the 'Save Engine' Button

Para saber mais sobre outras maneiras de usar as regras do SearchWP, consulte nosso guia sobre como excluir páginas específicas, autores e muito mais da pesquisa do WordPress.

Exibição dos resultados da pesquisa de produtos no modo ao vivo

A pesquisa ao vivo melhorará a experiência de pesquisa em sua loja WooCommerce, mostrando automaticamente os resultados da pesquisa à medida que os clientes digitarem suas consultas.

Por exemplo, a Good Dye Young oferece resultados de pesquisa ao vivo sobre seus produtos de cabelo e maquiagem.

Produtos e artigos relevantes são exibidos imediatamente enquanto o cliente digita sua consulta de pesquisa, proporcionando uma melhor experiência ao usuário.

Good Dye Young Product Search Results Page

Para adicionar isso à sua própria loja, basta instalar e ativar o plug-in gratuito SearchWP Live Ajax Lite Search. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, seus formulários de pesquisa do WooCommerce fornecerão automaticamente a pesquisa em tempo real.

Live Search Preview

Para obter mais detalhes, consulte nosso guia sobre como adicionar a pesquisa em tempo real ao seu site WordPress.

Localização de correspondências parciais e outros recursos avançados

A correspondência parcial ajudará seus clientes a encontrar o que estão procurando, mesmo que não digitem a palavra inteira ou não usem a ortografia correta.

Por exemplo, a loja on-line da Magna-Tiles tem a correspondência parcial ativada. Os clientes só precisam digitar parte do nome de um produto para encontrá-lo nos resultados da pesquisa.

Magna-Tiles Product Search Results Page

Para ativar a correspondência parcial no SearchWP, você deve navegar até SearchWP ” Configurações e clicar na guia Avançado.

Nessa página, você pode ativar algumas configurações que facilitarão a localização do que os usuários estão procurando.

SearchWP Advanced Settings

Marque qualquer uma dessas opções que você desejar:

  • As correspondências parciais também exibirão resultados que não correspondem exatamente ao termo que está sendo pesquisado.
  • As correções automáticas “Você quis dizer?” sugerirão um termo de pesquisa ligeiramente diferente que corresponderá a mais produtos em sua loja on-line.
  • O suporte a “pesquisas com aspas/frase” permitirá que seus usuários usem aspas ao pesquisar frases exatas.
  • O destaque de termos nos resultados facilitará para seus clientes encontrarem o que estão procurando nos resultados da pesquisa.

Esperamos que este tutorial tenha ajudado você a aprender como personalizar a página de resultados de pesquisa de produtos do WooCommerce. Você também pode querer saber como adicionar preços de atacado no WooCommerce ou conferir nossa lista dos melhores serviços de marketing por e-mail.

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

1 comentárioDeixe uma resposta

  1. Rizwan Elahi

    I just made a search results templete using elementor.

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.