Thereβs two main parts to adding Depict UI Search to your site:
- Adding a search field or button to your site
- Adding a search results page to your site
This will result in the following flow for the user:
π 1. The user clicks on the search button or search field.
SearchField
A search button
π 2. The search modal opens, this is what the user sees while typing a query.
Modal V2, Click to enlarge
Classic modal, click to enlarge
π 3. The user submits a query and goes to a new URL, like /search
The SearchPage which displays the results along with sorting options, filters and search recommendations