To start using the search features, you need to add Intelligent Search components to your store's frontend based on the technology used to build your store: Store Framework or FastStore.
Contact your store's developer team to customize the frontend using the technology-specific components listed below.
This step does not apply to headless implementation scenarios, in which VTEX does not provide the frontend technology. In these cases, you will need to implement the sending of search events. For more details, see VTEX Intelligent Search Events API - Headless.
Store Framework
If your store was developed in the Store Framework, use the components below to implement the search:
Component | Description |
---|---|
Search Result | Processes the results obtained by the Intelligent Search API and displays them to users. This component exports all the store blocks expected on a search results page, such as filters and the product gallery. |
Search Bar | Displays a search bar and shows the corresponding products. |
Search | Provides interface elements that enhance the search experience, such as the autocomplete feature and other optional blocks. |
↪ Autocomplete | Suggests results as the user types. It displays previous search results based on current and previous searches, presented in four lists: Last searches. Search suggestions. Product suggestions. Most searched terms. Learn more about the behavior of this component in the Autocomplete guide. |
↪ Suggestions | Suggests search terms similar to the current one. |
↪ Banner | Displays banners on the customer's search results page, depending on the search context. |
↪ DidYouMean | Suggests a possible misspelling correction for the current search. |
For more information about the available components, see the Getting started guide for developers on Search.
FastStore
If your store was developed using FastStore, use the components described in the Search guide in the FastStore documentation to implement Intelligent Search.