Search input widget

The search input widget is typically used in a global template and positioned in the header of the page. It renders a search input field as well as search suggestions, depending on the mode.

See the example in Codesandbox.


The following options can be configured when creating the Search Input Widget.

<div data-widget="search-input">
  <script type="application/json">
      "account": "1594153711901724220",
      "collection": "bestbuy",
      "pipeline": "query",
      "selector": "#search-input",
      "mode": "suggestions",
      "redirect": {
        "url": "search.html",
        "queryParamName": "q"
<script async src=""></script>

Last updated