Menu
Feedback
Comece aqui
Tutoriais
Portal do desenvolvedor

Problemas conhecidos
Diretivas de suporte
Troubleshooting

Perguntas frequentes
Comunicados
Comece aqui
VTEX IO
VTEX Intelligent Search
Implementar a busca no frontend da loja

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:

ComponenteDescrição
Search ResultProcessa 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 BarExibe uma barra de busca e apresenta os produtos correspondentes.
SearchFornece elementos de interface que aprimoram a experiência de busca, como a funcionalidade de autocomplete e outros blocos opcionais.
AutocompleteSugere 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.
SuggestionsSugere termos de busca semelhantes à consulta atual.
BannerExibe banners na página de resultados de busca do cliente, dependendo do contexto da busca.
DidYouMeanSugere 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.

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na comunidade VTEX.
Junte-se à nossa comunidade
Solicite suporte à VTEX
Para assistência personalizada, entre em contato com nossos especialistas.
Abra um ticket de suporte
GithubDeveloper portalComunidadeFeedback