Para começar a utilizar as funcionalidades da busca, é necessário adicionar os componentes do Intelligent Search no frontend da sua loja, de acordo com a tecnologia utilizada para criação da loja: Store Framework ou FastStore.
Entre em contato com a equipe de desenvolvedores da sua loja para customizar o frontend utilizando os componentes específicos para cada tecnologia apresentados a seguir.
Esta etapa não se aplica a cenários de implementação headless, em que a tecnologia de frontend não é oferecida pela VTEX. Nesses casos, é necessário implementar o envio dos eventos de busca. Obtenha mais detalhes em VTEX Intelligent Search Events API - Headless.
Store Framework
Se a sua loja foi desenvolvida no Store Framework, utilize os componentes abaixo para implementar a busca:
Componente | Descrição |
---|---|
Search Result | Processa os resultados obtidos pela API do Intelligent Search e os exibe aos usuários. Esse componente exporta todos os blocos de loja esperados em uma página de resultados de busca, como filtros e a galeria de produtos. |
Search Bar | Exibe uma barra de busca e apresenta os produtos correspondentes. |
Search | Fornece elementos de interface que aprimoram a experiência de busca, como a funcionalidade de autocomplete e outros blocos opcionais. |
↪ Autocomplete | Sugere resultados enquanto o usuário digita. Ele exibe resultados de busca anteriores com base nas buscas atuais e anteriores, apresentados em quatro listas: Últimas buscas efetuadas. Sugestão de busca. Sugestão de produtos. Termos mais buscados. Saiba mais sobre o comportamento desse componente no guia Autocomplete. |
↪ Suggestions | Sugere termos de busca semelhantes à consulta atual. |
↪ Banner | Exibe banners na página de resultados de busca do cliente, dependendo do contexto da busca. |
↪ DidYouMean | Sugere uma possível correção de erro ortográfico para a consulta atual. |
Para mais informações sobre os componentes disponíveis, acesse o guia de primeiros passos para desenvolvedores sobre o Search.
FastStore
Se a sua loja foi desenvolvida na FastStore, utilize os componentes descritos no guia Search na documentação da FastStore para implementar o Intelligent Search.