{"section":"tracks","requestedLocale":"es","requestedSlug":"implementar-la-busqueda-en-el-frontend-de-la-tienda","locale":"es","slug":"implementar-la-busqueda-en-el-frontend-de-la-tienda","path":"docs/es/tracks/vtex-io/vtex-intelligent-search/implementar-la-busqueda-en-el-frontend-de-la-tienda.md","branch":"main","content":"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.\n\nPonte 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.\n\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](https://developers.vtex.com/docs/api-reference/intelligent-search-events-api-headless).\n\n## Store Framework\n\nSi tu tienda ha sido desarrollada con [Store Framework](https://developers.vtex.com/docs/guides/store-framework), utiliza los componentes siguientes para implementar la búsqueda:\n\n| Componente | Descripción |\n| :---- | :---- |\n| [Search Result](https://developers.vtex.com/docs/guides/vtex-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. |\n| [Search Bar](https://developers.vtex.com/docs/apps/vtex.store-components/SearchBar) | Muestra una barra de búsqueda y presenta los productos correspondientes. |\n| [Search](https://developers.vtex.com/docs/apps/vtex.search) | Proporciona elementos de interfaz que mejoran la experiencia de búsqueda, como la funcionalidad Autocomplete y otros bloques opcionales. |\n| ↪ [Autocomplete](https://developers.vtex.com/docs/apps/vtex.search/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](/es/docs/tutorials/autocomplete). |\n| ↪ [Suggestions](https://developers.vtex.com/docs/apps/vtex.search/suggestions) | Sugiere términos de búsqueda similares a la consulta actual. |\n| ↪ [Banner](https://developers.vtex.com/docs/apps/vtex.search/banner) | Muestra banners en la página de resultados de búsqueda del cliente, dependiendo del contexto de la búsqueda. |\n| ↪ [DidYouMean](https://developers.vtex.com/docs/apps/vtex.search/didyoumean) | Sugiere la corrección de un posible error ortográfico en la consulta actual. |\n\nPara más información sobre los componentes disponibles, consulta la [guía para desarrolladores sobre Search](https://developers.vtex.com/docs/guides/search-overview).\n\n## FastStore\n\nSi tu tienda fue desarrollada con [FastStore](https://developers.vtex.com/docs/guides/faststore), utiliza los componentes descritos en la guía [Search](https://developers.vtex.com/docs/guides/faststore/features-search) de la documentación de FastStore para implementar Intelligent Search."}