Overview

Instant Engage is a powerful feature that provides recommendations before user event start typing in the search bar. This guide explains how to enable and configure Instant Engage in your Rapid UI implementation.

Before You Begin

Please ensure you have completed the basic setup of HawkSearch components. For detailed implementation requirements and setup instructions, please refer to our Rapid UI Basics.

Enabling Instant Engage

Configuration

To enable Instant Engage in your Rapid UI implementation, you need to set the following configuration parameter to true. By default this is set to false:

addEventListener('hawksearch:loaded', () => {
  HawkSearch.init({
    // ...
    autocomplete?: {
      recommendationsEnabled?:boolean
    }
    // ...
	});
});

For more information regarding the Instant Engage Configuration in Rapid UI, please refer to this documentation

Understanding Instant Engage vs. Autocomplete

The key difference between Instant Engage and Autocomplete lies in when and how they provide suggestions to users:

Instant Engage

1. Activates when user click into the search bar and before typing.
2. Must be explicitly enabled by setting recommendationsEnabled: true in Rapid UI
3. Helps users discover products, categories, and keywords even when they don't know what to search for.

Learn more about Instant Engage

Autocomplete

1. Activates as users type in the search bar
2. Show suggestions that updated every keystroke
3. Enabled by default in Rapid UI
4. Helps users complete their search based on what they're already typing

Learn more about Autocomplete