Deseja substituir a barra de pesquisa básica em sua loja on-line por uma pesquisa inteligente de produtos do WooCommerce? Por padrão, o WooCommerce oferece uma barra de pesquisa básica que não inclui recursos importantes como pesquisa de categoria, pesquisa de imagem, pesquisa de preço e assim por diante. Você precisa personalizar a busca de produtos para proporcionar uma experiência melhor aos seus usuários. Vários plugins de busca do WordPress podem ajudar a adicionar uma busca inteligente à sua loja WooCommerce. Neste artigo, mostraremos a você como fazer uma busca inteligente de produtos no WooCommerce em apenas alguns minutos.
Como fazer uma busca inteligente de produtos no WooCommerce
Uma busca inteligente do WooCommerce pode envolver os usuários e levá-los rapidamente aos produtos que estão procurando. Com uma barra de pesquisa personalizada, os usuários podem pesquisar preços de produtos, títulos, categorias e muito mais. Quando se trata de adicionar uma pesquisa inteligente de produtos do WooCommerce à sua loja, você pode pensar que isso requer habilidades de codificação ou que 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 populares de arrastar e soltar 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.
Etapa 1: Instalar e ativar o plugin de pesquisa inteligente do WooCommerce
A primeira coisa que você precisa fazer é instalar e ativar o plugin Smart WooCommerce Search.
Se você nunca fez isso antes, consulte nosso artigo sobre como instalar um plugin do WordPress. Depois de ativar o plugin, você precisa ir para Smart Search ” Default e clicar na guia WooCommerce Product Search. [alert style=”info”]Observação: esse plugin permite que você personalize as configurações de pesquisa de produtos do WooCommerce para substituir as opções de pesquisa padrão do WordPress. Mais adiante neste artigo, também mostraremos como adicionar widgets de pesquisa totalmente personalizados para as páginas dos seus produtos. Na guia General settings (Configurações gerais ), você precisa marcar a opção Enable Smart Search in Product Search Widget (Ativar pesquisa inteligente no widget de pesquisa de produtos ) para ativar a pesquisa inteligente do WooCommerce na sua loja.Agora, você pode ativar/desativar várias configurações, incluindo imagens em destaque nos resultados, trechos nos resultados, preço do produto, texto do link “view all” (ver tudo) e assim por diante.Clique no botão Save (Salvar ) para armazenar essas configurações. Em seguida, visite a guia Items to Search Through (Itens para pesquisa ). Isso permite ativar/desativar 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 Save (Salvar ). Depois disso, você deve clicar na guia Styling (Estilo ). Isso permite que você personalize o pop-up de resultados, inclusive o tamanho da imagem, a cor da borda, a cor do plano de fundo, a cor do texto e muito mais.Você também pode alterar a posição dos trechos das publicações nos resultados e personalizar a cor do texto do trecho.Clique no botão Save (Salvar ) abaixo para armazenar suas opções de estilo.
Etapa 2: Adicionar um novo widget de pesquisa personalizada
Para criar um widget de busca personalizado para páginas de produtos específicos, você precisa visitar a página Smart Search ” Add New no painel de administração do WordPress. Comece adicionando um nome para seu novo widget de busca. Abaixo, você encontrará configurações semelhantes para a busca de produtos do WooCommerce com opções adicionais. Na guia General ( Geral ), você pode adicionar um espaço reservado para a barra de pesquisa.Não se esqueça de clicar no botão Save (Salvar ) para continuar. Agora, clique na guia Items to Search Through (Itens para pesquisa ). Isso também oferece mais opções para tipos de post personalizados e variações de produtos.Você pode verificar todas as configurações para o widget de pesquisa específico e clicar no botão Save (Salvar). Na guia Styling (Estilo ), você pode personalizar totalmente 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 a cor do 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 do 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 busca de produtos.Agora você deve editar uma página/post para colar o shortcode no editor de texto para exibir a busca inteligente de produtos do WooCommerce. Você também pode visitar Appearance ” 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 busca inteligente de produtos do WooCommerce para substituir a função de busca padrão.
Talvez você também queira conferir nosso guia sobre os melhores plugins de busca do WordPress para melhorar a barra de busca regular do seu website. Esse artigo terá ainda mais recursos para ajudá-lo a criar uma barra de busca que melhore a experiência do usuário (UX) e aumente as vendas.
Hi there. Thank you for this article, it is extremely informative. I was just wondering if you could help me figure something out with regard to this plugin. So the plugin works great when I use it in the sidebar, but I cannot seem to use it as the main site search (In the menu) – From what I understand, if selected, then the plugin will basically “replace” the site search, I have followed the steps but it does not replace it. I am using the Avada theme.
Your help is really appreciated. Thank you
Taryn
I have the exact same problem. I am also trying to position it in the top bar of my site which has a widget area but the positioning is way off. If you manage to resolve this I would be appreciated.
Hey Taryn and JJ, thank you for your appreciation.
It doesn’t replace the search bar automatically.
You need to add the shortcode of your Smart Search plugin at the default search position. That seems to be the only way to replace the search bar.