Blog SearchWP

Tutoriais, Dicas e Recursos do WordPress para Ajudar a Crescer Seu Negócio

Como Adicionar Miniatura de Widgets de Pesquisa Personalizados do WooCommerce

Você quer adicionar widgets de busca personalizados do WooCommerce à sua loja online?

Adicionar um widget de busca ao seu site ajuda os visitantes a encontrar seus produtos mais rapidamente. Ao fazer isso, você aumenta a conversão e melhora a experiência do usuário.

Neste artigo, mostraremos como adicionar widgets de busca personalizados do WooCommerce facilmente, sem escrever nenhum código!

Principais Pontos:

  • Por que é necessário adicionar uma busca de produtos ao WooCommerce
  • Como adicionar widgets de busca personalizados do WooCommerce
  • Como melhorar a busca de produtos do WooCommerce

Por que adicionar widgets de busca personalizados do WooCommerce?

A busca de produtos é uma parte importante da experiência de compra no e-commerce. Se os visitantes da sua loja não conseguem encontrar os produtos que precisam, eles podem procurar em outro lugar.

O recurso de busca de produtos padrão do WooCommerce é lento e carece do poder que sua loja precisa. Ele não indexa atributos de produtos, categorias, tags e avaliações. Isso dificulta a entrega de resultados de busca relevantes.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Exemplo de Pesquisa Padrão do WooCommerce

Quer melhorar a experiência de busca da sua loja online? Então, você precisa adicionar widgets de busca personalizados do WooCommerce onde for aplicável.

Você pode adicionar uma caixa de busca em certos locais do seu site, como a barra lateral. Com este widget, seus usuários podem navegar melhor em sua loja e concluir compras mais rapidamente.

Um widget de busca de produtos personalizado tem muitos outros benefícios. Por exemplo, você pode controlar onde deseja que o mecanismo de busca procure resultados. Você pode optar por indexar atributos de produtos como variações, tags e descrições curtas.

Isso ajudará seus usuários a encontrar todos os produtos com um atributo específico. Por exemplo, eles podem facilmente procurar por itens com a tag 'recondicionado' em uma loja de eletrônicos.

Você pode adicionar um widget de busca ao WooCommerce escrevendo código manualmente ou usando um plugin do WordPress. Alguns benefícios de usar um plugin incluem:

  • Você economiza tempo.
  • Não há necessidade de contratar um desenvolvedor.
  • Você não precisa de nenhum conhecimento técnico.
  • Há pouco ou nenhum risco de quebrar seu site.

Vamos aprender como adicionar widgets de busca personalizados do WooCommerce ao seu site abaixo.

Como Adicionar Widgets de Busca Personalizados do WooCommerce (Facilmente)

A maneira mais fácil de adicionar um widget de busca personalizado ao WooCommerce é usar um plugin, e o SearchWP é o melhor plugin de busca do WordPress para esta tarefa.

O SearchWP melhora a busca nativa do WordPress indexando tudo em seu site. Ao fazer isso, os visitantes do seu site não perderão nenhum produto, documento ou página que precisem.

Com este plugin, seu mecanismo de busca não ignorará mais detalhes importantes do produto, como variações, categorias e tags. Isso significa que seus usuários encontrarão produtos WooCommerce relevantes mais rapidamente.

Além da busca do WooCommerce, o SearchWP também oferece outros recursos poderosos como

  • indexação de PDFs e documentos do Office. Se você vende livros ou outros recursos baseados em texto, seus usuários poderão encontrá-los com mais facilidade. O SearchWP considera o conteúdo dos arquivos de documentos em sua biblioteca de mídia ao pesquisar.
  • estatísticas e insights de visitantes. Você pode ver o que seus visitantes estão procurando. Você pode usar essas informações para melhorar seus serviços.
  • Suporte a múltiplos mecanismos de busca. Configure diferentes campos de busca em diferentes locais e páginas do site. Você pode personalizar cada campo para atender às necessidades exclusivas de pesquisa do usuário em cada local.

Assim que você instalar e ativar o SearchWP, ele adicionará automaticamente esses recursos à sua loja.

Você pode usar o plugin para adicionar widgets de pesquisa personalizados do WooCommerce em 4 etapas.

Etapa 1: Instalar e Ativar o SearchWP

Visite o site oficial do SearchWP e escolha o pacote que melhor lhe convier.

Em seguida, baixe uma cópia do plugin de sua conta. Você pode instalá-lo e ativá-lo como qualquer outro plugin do WordPress.

Após a ativação, você precisa inserir a chave de licença. Você pode fazer isso navegando até SearchWP > Adicionar Chave de Licença.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Passo 1: Instalar e Ativar o SearchWP

Cole a chave de licença (que pode ser encontrada no seu Painel da Conta SearchWP) em seu respectivo campo e, em seguida, pressione Verificar Chave.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Instalar e Ativar o SearchWP passo 2

Sua verificação é bem-sucedida quando você pode ver as informações de licenciamento.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Instalar e Ativar o SearchWP passo 3

O SearchWP está pronto para uso!

Etapa 2: Instalar e Ativar a Extensão WooCommerce

O SearchWP vem com uma extensão WooCommerce que indexa automaticamente seus produtos WooCommerce assim que ativada.

Por favor, visite SearchWP > Extensões e encontre Integração WooCommerce na lista. Em seguida, clique em Instalar.

Como Adicionar Widget de Pesquisa de Produtos WooCommerce: Instalar e Ativar a Extensão WooCommerce

Você verá que ele foi instalado e ativado com sucesso em alguns momentos. Com isso, o SearchWP terá acesso aos seus produtos WooCommerce.

Finalmente, mostraremos como criar widgets de pesquisa personalizados do WooCommerce, mas antes disso, você precisa configurar o mecanismo de busca.

Etapa 3: Configurar um Mecanismo de Busca Personalizado do SearchWP

Um widget de pesquisa WooCommerce personalizado permite que seus usuários pesquisem produtos de diferentes maneiras. Para dar suporte a isso, você precisa ter controle sobre como seu mecanismo de busca procura produtos.

O SearchWP permite que você selecione diferentes fontes. Você também pode ajustar a relevância de cada atributo de produto ou conteúdo. Por exemplo, você pode optar por indexar o título do produto, a descrição curta ou a categoria.

Você pode até criar vários mecanismos de busca e exibi-los em diferentes páginas. Isso oferecerá ao seu usuário uma experiência de pesquisa exclusiva em cada página.

Para personalizar seu mecanismo SearchWP, clique em SearchWP > Algoritmo na barra lateral esquerda do seu painel do WordPress.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Passo 1 - Configurar o Mecanismo de Pesquisa no SearchWP

Para configurar uma pesquisa de produtos WooCommerce, clique em Fontes e Configurações.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: como configurar um mecanismo de pesquisa do WordPress passo 2

Uma janela modal aparecerá com uma lista de fontes para escolher. Selecione Produtos na caixa de listagem. Clique em Concluído após escolher as fontes que lhe interessam.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: como configurar um mecanismo de pesquisa do WordPress passo 3

Em seguida, clique em Salvar para que o SearchWP possa começar a reconstruir seu índice de pesquisa com base nas novas configurações.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: como configurar um mecanismo de pesquisa do WordPress passo 4

Finalmente, é hora de exibir seu widget de pesquisa WooCommerce personalizado em seu site. Vamos falar sobre como você pode fazer isso na próxima etapa abaixo.

Etapa 4: Adicionar Pesquisa WooCommerce ao Seu Site

Agora, você precisa criar uma barra de pesquisa para que seus clientes possam começar a procurar os produtos desejados.

Se você precisa usar um widget ou um bloco para criar a barra de pesquisa depende do tema que você está usando. Um Widget de Pesquisa WooCommerce é sua melhor opção se você estiver usando um tema clássico. Por outro lado, se você estiver usando um tema moderno de FSE (editor de sites completo), utilizar um bloco de pesquisa WooCommerce é o método padrão.

Você adiciona uma barra de pesquisa em qualquer lugar do seu site, independentemente do método que você usa. Veja como você pode adicionar a pesquisa WooCommerce ao seu site para ambos os casos.

Etapa 4.1 Adicionar Widget de Pesquisa WooCommerce Para Temas Clássicos

Você pode adicionar um widget de pesquisa WooCommerce personalizado em qualquer lugar do seu site, se o seu tema o suportar. Vamos ver como você pode adicionar o widget na barra lateral. Você também pode colocá-lo em qualquer lugar do seu site, como no cabeçalho e rodapé. Depende das suas necessidades, mas o processo é semelhante.

Para adicionar o widget à barra lateral do seu site, visite Aparência > Widgets.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Adicionando Widget de Pesquisa Passo 1

Na página de configurações de widgets, selecione a área onde você deseja adicionar o widget e clique no ícone +. Neste tutorial, adicionaremos o widget de pesquisa à área da barra lateral.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Adicionando Widget de Pesquisa Passo 2

Digite "search" no campo e, em seguida, selecione o ícone de pesquisa.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Adicionando Widget de Pesquisa Passo 3

Isso adicionará um formulário de pesquisa que você pode personalizar de acordo com suas necessidades. Em seguida, clique em Atualizar no canto superior direito. Sua barra lateral agora tem um widget de pesquisa WooCommerce personalizado.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Adicionando Widget de Pesquisa Passo 4

Agora visite a parte frontal do seu site e veja seu widget de pesquisa WooCommerce em ação!

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Visualização da caixa de pesquisa no frontend

Etapa 4.2 Adicionar Bloco de Pesquisa WooCommerce Para Temas Modernos de FSE

Antes de exibir a barra de pesquisa, você precisará criar um formulário de pesquisa. O processo é rápido e fácil com SearchWP e não envolve a escrita de nenhum código.

Para criar um formulário de pesquisa, vá para SearchWP > Formulários de Pesquisa e clique em "Adicionar Novo".

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Criando Formulário de Pesquisa Passo 1

Escolha um nome para o seu formulário de pesquisa, selecione um layout de tema e configure-o de acordo com suas necessidades. Observe que SearchWP permite que você configure vários Mecanismos, aproveitando os quais você pode servir conteúdo diferente em locais diferentes em seu site.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Criando Formulário de Pesquisa Passo 1-1

Escolher SearchWP como a página de Resultados oferece controle total e otimização da página de resultados de pesquisa do WordPress. Aqui está um tutorial detalhado sobre como otimizar a página de resultados de pesquisa do WordPress.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Criando Formulário de Pesquisa Passo 2

Depois de terminar de configurar o formulário de pesquisa. Clique em "Salvar". Se você estiver interessado em aprender mais, aqui está um tutorial detalhado sobre como criar um formulário de pesquisa avançado no WordPress.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Criando o Formulário de Pesquisa Passo 3

Agora, abra a página onde você deseja exibir a barra de pesquisa em modo de Edição. Clique no ícone "+ Adicionar bloco", em seguida, encontre e selecione o Formulário de Pesquisa na lista de blocos.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Exibindo o Formulário de Pesquisa Passo 1

Em seguida, escolha o formulário de pesquisa que você criou há alguns momentos.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Exibindo o Formulário de Pesquisa Passo 2

Agora você deve ver a barra de pesquisa exibida em seu local desejado. Clique em "Atualizar" para publicar a barra de pesquisa WooCommerce.

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Exibindo o Formulário de Pesquisa Passo 3

Agora visite a parte frontal do seu site e veja sua pesquisa WooCommerce em ação!

Como Adicionar Widgets de Pesquisa Personalizados do WooCommerce: Formulário de Pesquisa ao Vivo no Frontend

Concluindo

Neste artigo, você aprendeu como adicionar widgets de pesquisa WooCommerce personalizados em temas clássicos do WordPress e como adicionar formulários de pesquisa WooCommerce personalizados em temas modernos de FSE (bloco).

Agora, os visitantes da sua loja online podem encontrar produtos relevantes de forma mais rápida e fácil. O SearchWP é repleto de recursos incríveis para tornar conveniente para seus clientes encontrarem o que procuram.

Adquira o SearchWP agora para aprimorar sua loja online e ficar à frente de seus concorrentes!

avatar do autor
Saif Khan

Crie uma Experiência de Pesquisa WordPress Melhor Hoje

Nunca mais perca visitantes para resultados de pesquisa inúteis. O SearchWP torna a criação de sua própria pesquisa inteligente do WordPress rápida e fácil.

Get SearchWP Now
Ícone de Múltiplos Mecanismos de Busca