Centro de Ajuda
Centro de AjudaLoja onlineAtivar um campo de busca para produtos

Ativar um campo de busca para produtos

Aprenda a inserir um uma barra de pesquisa de produtos à sua loja virtual para que os seus clientes possam procurar artigos por palavras-chave. A pesquisa de produtos é um recurso premium disponível com o pacote Profi ou superior, e apenas se o módulo de e-commerce estiver ativado no projeto. Ele pode ser usado tanto para pesquisar produtos, como conteúdo das páginas ou blog posts.

Ativando a barra de pesquisa

1. Clique na roda dentada no cabeçalho do site, seguido de Configurações avançadas.

Clicar em Configurações avançadas

2. Clique em Configurações da barra de navegação.

Clicar em Configurações avançadas da barra de navegaçãosite

3. Clique na seta do lado da opção Pesquisa no site.

Clicar em Pesquisa no site

4. O campo de busca tem duas modalidades. Primeira opção é o Ícone de pesquisa em que o usuário deve clicar primeiro para poder introduzir a sua pesquisa.

Escolher estilo Ícone de pesquisa

5. Outra opção é Campo de pesquisa que permite o cliente a digitar logo.

Escolher estilo Campo de pesquisa

6. A alteração deve ser publicada para ser exibida publicamente.

DICA: Você pode mudar a cor da caixa de busca nas Configurações de design, seção Cores do site, ao ativar a cor complementar para o Menu (barra de navegação).

Uma das vantagens da pesquisa é a correção ortográfica para os caracteres especiais, onde quem digitar, por exemplo, a palavra "calca" conseguirá resultados para "calça".

O campo de pesquisa possui a ferramenta de sugestão de busca onde o seu cliente poderá abrir todos os resultados clicando em Mostrar todos os resultados.

Comece a digitar nome do produto para autocompletar

Editando a página de resultados

Todos os resultados serão exibidos numa nova página, em abas separadas para Produtos, eventualmente Páginas e Blog posts. O restante da página pode ser editado como qualquer outra página - isso é bastante útil para redirecionar o visitante para outra página caso não tenha nenhum resultado correspondente à busca dele.  

Página com todos os resultados exibidos

1. No editor, acesse a sua homepage e adicione /search/ no final do seu endereço URL. Assim, o URL terá por exemplo este formato: minhaloja.cms.webnode.page/search/

2. Você pode adicionar, ao final da página, qualquer tipo de conteúdo, usando os botões Mais para adicionar novo bloco de conteúdo ou seções inteiras. Pode experimentar inserir por exemplo um formulário para receber um retorno direto sobre a experiência dos seus clientes ou desejos deles. Poderá também acrescentar outro tipo de conteúdo, como imagens, vídeos ou botões