Quer substituir a barra de pesquisa básica da sua loja online por uma pesquisa inteligente de produtos WooCommerce?
Por padrão, o WooCommerce oferece uma barra de pesquisa básica que não inclui recursos importantes como pesquisa por categoria, pesquisa por imagem, pesquisa por preço e assim por diante. Você precisa personalizar a pesquisa de produtos para oferecer uma melhor experiência aos seus usuários.
Vários plugins de pesquisa do WordPress podem ajudar a adicionar uma pesquisa inteligente à sua loja WooCommerce. E com essas ferramentas, você pode aumentar suas vendas imediatamente.
Neste artigo, mostraremos como fazer uma pesquisa inteligente de produtos WooCommerce em apenas alguns minutos.
Criando uma Pesquisa Inteligente de Produtos WooCommerce
Uma pesquisa inteligente do WooCommerce pode engajar os usuários e levá-los rapidamente aos produtos que eles procuram. Com uma barra de pesquisa personalizada, os usuários podem pesquisar por preço do produto, título, categoria e muito mais.
Quando se trata de adicionar uma pesquisa inteligente de produtos WooCommerce à sua loja, você pode pensar que isso requer habilidades de codificação, ou que você precisa contratar um desenvolvedor profissional.
Mas recomendamos o uso de um plugin do WordPress como o Smart WooCommerce Search, que permite adicionar uma pesquisa de produtos totalmente personalizável e altamente flexível à sua loja de comércio eletrônico.
O plugin não requer nenhuma codificação. Ele se integra ao construtor de páginas Elementor e a outros construtores de arrastar e soltar populares para permitir que você personalize sua barra de pesquisa.
Agora, vamos ver como você pode configurar sua barra de pesquisa inteligente do WooCommerce em menos de 5 minutos.
Passo 1: Instale e Ative o Plugin Smart WooCommerce Search
A primeira coisa que você precisa fazer é instalar e ativar o plugin Smart WooCommerce Search.
Se você nunca fez isso antes, deve conferir nosso artigo sobre como instalar um plugin do WordPress.
Após ativar o plugin, você precisa ir em Smart Search » Default e clicar na aba WooCommerce Product Search.
Na aba de configurações Geral, você precisa marcar Enable Smart Search in Product Search Widget para habilitar a pesquisa inteligente do WooCommerce em sua loja.
Agora, você pode habilitar/desabilitar várias configurações, incluindo imagens em destaque nos resultados, trechos nos resultados, preço do produto, texto do link 'ver tudo', e assim por diante.
Clique no botão Salvar para armazenar essas configurações.
Em seguida, você deve visitar a aba Items to Search Through. Isso permite habilitar/desabilitar campos para pesquisar termos em título, conteúdo, trecho, categoria, tag de produto e muito mais.
Também permite adicionar restrições para condições de pesquisa específicas, como produtos fora de estoque e categorias de produtos.
Certifique-se de clicar no botão Salvar.
Depois disso, você deve clicar na aba Styling. Isso permite personalizar o popup de resultados, incluindo tamanho da imagem, cor da borda, cor de fundo, cor do texto e muito mais.
Você também pode alterar a posição dos trechos para posts nos resultados e personalizar a cor do texto do trecho.
Clique no botão Salvar abaixo para armazenar suas opções de estilo.
Passo 2: Adicione um Novo Widget de Pesquisa Personalizado
Para criar um widget de pesquisa personalizado para páginas de produtos específicas, você precisa visitar a página Smart Search » Add New no seu painel de administração do WordPress.
Comece adicionando um nome para o seu novo widget de pesquisa.
Abaixo, você encontrará configurações semelhantes para a pesquisa de produtos do WooCommerce com opções adicionais. Na aba General, você pode adicionar um placeholder para a barra de pesquisa.
Não se esqueça de clicar no botão Save para continuar.
Agora clique na aba Items to Search Through. Isso também oferece mais opções para tipos de postagem personalizados e variações de produtos.
Você pode verificar quaisquer configurações para o widget de pesquisa específico e clicar no botão Salvar.
Na aba Estilização, você pode personalizar completamente a aparência e o design da sua barra de pesquisa. Isso permite que você ative uma borda arredondada, altere a cor da borda, adicione cor ao texto e muito mais.
Agora você precisa salvar essas configurações antes de passar para a próxima etapa.
Etapa 3: Exibir a Barra de Pesquisa Inteligente WooCommerce no WordPress
Para exibir a barra de pesquisa personalizada no WordPress, você precisa visitar Smart Search » Custom Widgets. A partir daí, você precisa copiar o shortcode para a nova pesquisa de produtos.
Agora você deve editar uma página/post para colar o shortcode no editor de texto para exibir a pesquisa inteligente de produtos WooCommerce.
Você também pode visitar Aparência » Widgets e adicionar o widget Smart Search nas áreas de widget do seu site, como barra lateral, rodapé e assim por diante.
E é isso!
Esperamos que este artigo tenha ajudado você a aprender como fazer uma pesquisa inteligente de produtos WooCommerce para substituir a função de pesquisa padrão.
Você também pode conferir nosso guia sobre os melhores plugins de pesquisa do WordPress para melhorar sua barra de pesquisa regular do site.
Esse artigo terá ainda mais recursos para ajudá-lo a criar uma barra de pesquisa que melhore a experiência do usuário (UX) e impulsione as vendas.
Olá. Obrigado por este artigo, é extremamente informativo. Eu estava apenas me perguntando se você poderia me ajudar a descobrir algo em relação a este plugin. O plugin funciona muito bem quando o uso na barra lateral, mas não consigo usá-lo como a pesquisa principal do site (No menu) – Pelo que entendi, se selecionado, o plugin basicamente "substituirá" a pesquisa do site, segui os passos, mas ele não a substitui. Estou usando o tema Avada.
Sua ajuda é muito apreciada. Obrigado
Taryn
Eu tenho exatamente o mesmo problema. Também estou tentando posicioná-lo na barra superior do meu site, que tem uma área de widget, mas o posicionamento está totalmente incorreto. Se você conseguir resolver isso, ficarei grato.
Olá Taryn e JJ, obrigado pela sua apreciação.
Ele não substitui a barra de pesquisa automaticamente.
Você precisa adicionar o shortcode do seu plugin Smart Search na posição de pesquisa padrão. Essa parece ser a única maneira de substituir a barra de pesquisa.