Como fazer produtos WooCommerce de pesquisa Divi (sem codificação)

Publicados: 2022-08-29

Quer saber como fazer Divi pesquisar produtos WooCommerce?

É um problema que todo proprietário de loja WooCommerce que usa o Divi como seu principal construtor de páginas precisa corrigir se quiser ter sucesso online.

Neste tutorial, mostraremos como ativar a pesquisa por produtos WooCommerce em seu site Divi em algumas etapas simples.

Vamos mergulhar nisso!

Por que fazer a pesquisa Divi para produtos WooCommerce

O mecanismo de pesquisa padrão do WordPress é bastante fraco e não é a melhor escolha se você deseja oferecer aos seus clientes uma experiência positiva do usuário.

Por exemplo, não:

  • considere os atributos do produto ao realizar uma pesquisa
  • permitir que seus clientes pesquisem por tags de produtos
  • preste atenção na categoria do produto
  • procure correspondências parciais se não houver correspondências exatas
  • coletar quaisquer dados sobre a atividade de pesquisa de seus visitantes
  • e muitos mais…

O mesmo vale para os módulos de pesquisa Divi, pois o Divi é um plugin de construtor de páginas que usa o mesmo mecanismo de pesquisa padrão do WordPress.

Felizmente, existe uma maneira de tornar a pesquisa no seu site WooCommerce muito mais inteligente e ajudar seus visitantes a encontrar o produto que estão procurando mais rapidamente.

Vamos ver como você pode fazer isso em apenas alguns cliques, sem a necessidade de codificação ou habilidades técnicas.

Como fazer pesquisa Divi para produtos WooCommerce

A maneira mais fácil e rápida de fazer a pesquisa do Divi por produtos WooCommerce é usar o SearchWP.

SearchWP logo

SearchWP é um plugin poderoso e amigável para iniciantes com muitos recursos para ajudá-lo a melhorar sua pesquisa no WordPress.

Ele permite que você não apenas torne os produtos WooCommerce pesquisáveis, mas também personalize totalmente sua pesquisa para suas necessidades de negócios.

Por exemplo, você pode limitar sua pesquisa, ativar a pesquisa por tags de produto, priorizar produtos específicos nos resultados da pesquisa e muito mais.

Mais de 30.000 proprietários de sites WordPress usam o SearchWP para fornecer aos visitantes os resultados de pesquisa mais relevantes.

Aqui estão alguns outros recursos deste plugin que o tornam tão popular:

  • Resultados de pesquisa ao vivo . Forneça resultados de pesquisa aos seus clientes no modo ao vivo para ajudá-los a encontrar o que estão procurando mais rapidamente e aumentar suas vendas.
  • Análise de atividade de pesquisa . Obtenha relatórios detalhados sobre o comportamento de pesquisa de seus visitantes para ver quais termos de pesquisa eles inserem, quais resultados de pesquisa são mais populares e muito mais.
  • Formulários de pesquisa personalizados . Adicione vários mecanismos de pesquisa personalizados e conecte-os a formulários de pesquisa individuais em seu site.
  • Controle sobre os resultados da pesquisa . Altere a ordem dos resultados de pesquisa em seu site da maneira que deseja promover páginas específicas e obter mais visualizações de página.

Com isso, vamos falar sobre como você pode usar o SearchWP para fazer a pesquisa do Divi por produtos WooCommerce.

Etapa 1: instalar e ativar o SearchWP

A primeira coisa que você precisa fazer é pegar sua cópia do SearchWP.

Depois de obter sua cópia do plug-in, vá para sua conta SearchWP e vá para a guia Downloads .

go to the Downloads tab

Em seguida, pressione o botão Download SearchWP e baixe o arquivo ZIP do plugin para o seu computador.

press Download SearchWP

Após o download, copie a chave de licença do plug-in na mesma guia.

copy your license key

Em seguida, você precisará fazer o upload do arquivo ZIP SearchWP para o seu site e instalar o plug-in. Confira este tutorial detalhado sobre como instalar um plugin do WordPress se precisar de ajuda com isso.

Depois de instalar o plug-in, você precisará ativar sua cópia com sua chave de licença.

Para fazer isso, navegue no painel do WordPress e clique em Ativar licença no botão SearchWP no painel superior.

click Activate License

Em seguida, cole sua chave de licença do SearchWP no campo Licença e clique em Ativar .

press the Activate button

Depois de ativar sua licença, o próximo passo é instalar a extensão WooCommerce Integration.

Etapa 2: instale a extensão de integração do WooCommerce

Usando esta extensão, você pode integrar perfeitamente o SearchWP ao WooCommerce e obter controle total sobre sua pesquisa de produtos.

Para instalá-lo, vá para SearchWP »Extensões no painel esquerdo do seu painel do WordPress.

go to SearchWP Extensions

Em seguida, encontre a extensão WooCommerce Integration e clique em Instalar .

install the WooCommerce Integrations Extension

Depois de instalar e ativar a extensão, você está pronto para começar a fazer a pesquisa Divi em produtos WooCommerce.

Etapa 3: personalize suas fontes de pesquisa do mecanismo de pesquisa

Para fazer isso, primeiro, clique no botão SearchWP no painel esquerdo do seu painel.

go to SearchWP settings

Depois disso, você chegará à guia Mecanismos nas configurações do SearchWP , onde poderá gerenciar e personalizar seus mecanismos de pesquisa.

your search engines

Um mecanismo de pesquisa é um conjunto de configurações e regras que o WordPress segue ao realizar pesquisas em seu site.

Com o SearchWP, você pode personalizá-lo totalmente para atender às suas necessidades de negócios, incluindo a pesquisa do Divi por produtos WooCommerce.

Além disso, você também pode ocultar produtos específicos dos resultados da pesquisa, ativar a pesquisa por SKUs de produtos, fazer com que o WordPress pesquise correspondências específicas e muito mais.

Para tornar os produtos WooCommerce pesquisáveis ​​em seu site Divi, você precisará torná-los uma fonte de pesquisa ativa.

Para fazer isso, clique no botão Fontes e configurações .

press Sources and Settings

Em seguida, marque uma caixa de seleção ao lado da origem Produtos para ativá-la e pressione Concluído para salvar suas alterações.

make Products as an active search source

Agora, seu site Divi procurará produtos WooCommerce.

Vamos também tornar os atributos do produto WooCommerce, como tags, categorias e campos personalizados, pesquisáveis ​​para aumentar a capacidade de descoberta em seu site.

Para começar, pressione o botão Adicionar/Remover Atributos na seção Fonte de pesquisa de produtos .

click Add Remove attributes

Em seguida, clique no campo Campos personalizados .

click on the Custom Fields field

Em seguida, escolha a opção Qualquer Meta Key no menu suspenso.

add the Any Meta Key shortcut

Este é um atalho do SearchWP que permite que você torne automaticamente pesquisável o conteúdo de qualquer campo personalizado que você tenha em seu site.

A próxima etapa é habilitar a pesquisa por tags e categorias de produtos.

Para isso, clique no campo Taxonomias e escolha duas opções: Tags de produtos e Categorias de produtos .

add product categories and tags

Quando terminar de gerenciar os atributos de produtos pesquisáveis, pressione Concluído para salvar as alterações feitas na fonte de pesquisa Produtos .

save your attributes

A etapa final é salvar seu mecanismo de pesquisa personalizado. Você pode fazer isso pressionando o botão Save Engines no canto superior direito.

press Save Engines

Em seguida, clique no botão Rebuild Index para que o WordPress reindexe seus produtos WooCommerce e verifique quais atributos eles possuem.

click Rebuild Index

É isso. Sua pesquisa no Divi WooCommerce ficou muito mais inteligente e agora seus clientes podem encontrar os produtos certos com mais facilidade.

Vamos criar uma nova página de pesquisa Divi e adicionar sua barra de pesquisa aprimorada a ela.

Etapa 4: adicionar widget de pesquisa à página Divi

Para começar, navegue até Páginas » Adicionar novo no seu painel do WordPress.

add a new page

Adicione um título à sua página e pressione o botão Use The Divi Builder para abri-lo no editor Divi.

click Edit with Divi Editor

Em seguida, clique em Start Building na seção Build From Scratch .

press Start Building

Quando estiver no editor Divi, selecione o layout da primeira linha da sua página. Por exemplo, vamos escolher o primeiro layout.

choose the first row layout

Depois disso, você pode escolher o módulo que deseja adicionar à sua página. Procure o módulo Pesquisar e clique nele.

add the search module

Em seguida, pressione o botão de marca de seleção verde para salvar seu novo módulo.

click the green checkmark icon

Quando estiver satisfeito com a aparência da sua página de pesquisa, clique no ícone de três pontos na parte inferior do editor Divi.

click three dots icon

Em seguida, pressione o botão Salvar no canto inferior direito do editor Divi para salvar sua página.

press Save

Depois de salvar a página, o último passo é testar sua nova pesquisa Divi.

Etapa 5: teste sua nova pesquisa Divi

Para começar, clique no botão Sair do Visual Builder na parte superior do Divi Editor para acessar sua página.

click Exit Visual Builder

Em seguida, procure alguns produtos WooCommerce que você tem em sua loja. Por exemplo, pesquisaremos por Fancy Coat .

press Search

Como você pode ver, encontramos o produto usando nosso novo formulário de pesquisa Divi, pois agora ele pesquisa produtos WooCommerce.

we found our product

Vamos também tentar encontrar um produto por categoria, já que nossa busca Divi, aprimorada com SearchWP, ficou muito mais inteligente.

Por exemplo, pesquisaremos produtos colocados na categoria Chapéus .

search for product by category

Você pode ver que existem apenas produtos da categoria Chapéus , o que significa que fizemos com sucesso os atributos de produtos WooCommerce pesquisáveis.

we found products by category

Com este guia, você aprendeu como fazer com que o Divi pesquise produtos WooCommerce.

Ele permitirá que você crie belas páginas e temas para sua loja WooCommerce usando o Divi sem perder clientes.

Pronto para capacitar a pesquisa em seu site Divi? Você pode começar com o SearchWP aqui.

Sua pesquisa Divi parou de funcionar? Confira nosso tutorial detalhado sobre como corrigir a pesquisa do Divi que não está funcionando em algumas etapas simples.

Procurando uma maneira de criar uma bela página de pesquisa usando o Divi? Siga nosso guia sobre como criar um modelo de página de resultados de pesquisa Divi.