SearchBox(ES/OpenSearch) workflow

Go to UI Builder section in ReactiveSearch Dashboard and click on Searchbox sub-section

Create Searchbox

Define Searchbox ID (unique identifier) and description [optional], searchbox ID can be used in ReactiveSearch API to apply the suggestions settings. Read more at [https://docs.reactivesearch.io/docs/search/reactivesearch-api/reference/elasticsearch/#searchboxid](https://docs.reactivesearch.io/docs/search/reactivesearch-api/reference/elasticsearch/#searchboxid)

Select an existing API credentials or create a new one at 'Dashboard -> API Credentials' section. We recommend using read-only credentials for your public applications. Read more at [https://docs.reactivesearch.io/docs/security/credentials/](https://docs.reactivesearch.io/docs/security/credentials/)

In this step we would create a section, a section is a collection of featured suggestions.

Define section label to be displayed in searchbox UI

Let's create a featured suggestion for `Quick start guide` section

Fill all the fields to define a suggestion to feature react integration with Reactivesearch

Create second suggestion to feature vue integration with Reactivesearch

Fill all the fields and save

We have added two featured suggestions, let's have a look at what we build so far by clicking on Live Preview.

You can view all the featured suggestions when searchbox is empty

Let's search with some value, and you can see the relevant suggestions.

Configure popular suggestions, popular suggestions are the most searched queries by all the users. Read more at [https://docs.reactivesearch.io/docs/analytics/popular-recent-suggestions/](https://docs.reactivesearch.io/docs/analytics/popular-recent-suggestions/)

Enable popular suggestions

Let's check live preview, when we search for same value you can see the popular suggestions with trending icon at bottom

Let's configure recent suggestions. Recent suggestions represent the last searched queries by a particular user. Read more at [https://docs.reactivesearch.io/docs/analytics/popular-recent-suggestions/](https://docs.reactivesearch.io/docs/analytics/popular-recent-suggestions/)

Enable recent suggestions

Click on the Live Preview and view recent suggestions in action with history icon.

In this step, we would configure endpoint suggestions. Endpoint suggestions allow you to fetch suggestions from any URL. We would be querying an elasticsearch index named `reactivesearch_docs` which contents the reactivesearch documents data.