Para empezar a utilizar las funcionalidades de búsqueda, debes agregar los componentes de Intelligent Search al frontend de tu tienda, de acuerdo con la tecnología utilizada para la creación de la misma: Store Framework o FastStore.
Ponte en contacto con el equipo de desarrolladores de tu tienda para personalizar el frontend utilizando los componentes específicos para cada tecnología, detallados a continuación.
Esta etapa no aplica a escenarios de implementación headless, donde la tecnología frontend no la proporciona VTEX. En estos casos, es necesario implementar el envío de los eventos de búsqueda. Para más información, consulta VTEX Intelligent Search Events API - Headless.
Store Framework
Si tu tienda ha sido desarrollada con Store Framework, utiliza los componentes siguientes para implementar la búsqueda:
| Componente | Descripción |
|---|---|
| Search Result | Procesa los resultados obtenidos por la API de Intelligent Search y los muestra a los usuarios. Este componente exporta todos los bloques de la tienda que se esperan en una página de resultados de búsqueda, como filtros y galería de productos. |
| Search Bar | Muestra una barra de búsqueda y presenta los productos correspondientes. |
| Search | Proporciona elementos de interfaz que mejoran la experiencia de búsqueda, como la funcionalidad Autocomplete y otros bloques opcionales. |
| ↪ Autocomplete | Sugiere resultados mientras el usuario escribe. Muestra los resultados de búsquedas anteriores basados en búsquedas actuales y pasadas, presentados en cuatro listas: Últimas búsquedas efectuadas Sugerencia de búsqueda Sugerencia de productos Términos más buscados Aprende más sobre el comportamiento de este componente en la guía Autocomplete. |
| ↪ Suggestions | Sugiere términos de búsqueda similares a la consulta actual. |
| ↪ Banner | Muestra banners en la página de resultados de búsqueda del cliente, dependiendo del contexto de la búsqueda. |
| ↪ DidYouMean | Sugiere la corrección de un posible error ortográfico en la consulta actual. |
Para más información sobre los componentes disponibles, consulta la guía para desarrolladores sobre Search.
FastStore
Si tu tienda fue desarrollada con FastStore, utiliza los componentes descritos en la guía Search de la documentación de FastStore para implementar Intelligent Search.