X

Como fazer uma busca inteligente de produtos no WooCommerce (passo a passo)

How to Make a Smart WooCommerce Product Search

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.Search widget on websiteO 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.Smart SearchAgora, 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.Product search settingsClique 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.Items to searchTambém permite adicionar restrições para condições de pesquisa específicas, como produtos fora de estoque e categorias de produtos.Restrictions SearchCertifique-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.Results StylingVocê também pode alterar a posição dos trechos das publicações nos resultados e personalizar a cor do texto do trecho.Excerpt text resultsClique 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.Add new search widgetNã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.Search through itemsVocê 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.Search styling optionsAgora 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.Custom search widgetsAgora 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.Smart search widgetE é 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.

Comentários   Deixe uma resposta

  1. Taryn Padayachee janeiro 13, 2021 em 10:18 am

    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

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

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

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

WordPress Launch Checklist

A lista de verificação definitiva para o lançamento do WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento de seu próximo site WordPress em um ebook prático.
Sim, envie-me o livro eletrônico gratuito grátis!