How to add the Instant Search Widget to your storefront Print

Modified on: Wed, Nov 10, 2021 at 12:43 PM


Depending on whether you use a Stencil or a Blueprint theme, the way to add the Instant Search Widget to your storefront will vary.


Stencil themes

Stencil themes are installed for new stores automatically. The Cornerstone theme is the default Stencil theme. Searchanise widgets are added to your store automatically upon installing the app, so there's no need to take further action from your side.

Note
If you notice that Searchanise widgets are taking too much time to load, you can paste the Searchanise widgets' code into your theme. Look here for instructions on how to do that.


Blueprint themes

You need to paste the Searchanise widgets' code into your theme. To do so, follow these steps:

  1. Go to BigCommerce admin panel > Storefront > My themes > Current Theme.
  2. Click the Edit HTML/CSS link to open the in-browser template file editor. 
  3. Open the HTMLHead.html file in the template file editor.
  4. Insert the following Searchanise widgets' code before the </head> tag:
    <script src="//www.searchanise.com/widgets/bigcommerce/init.js?api_key=[api_key]"></script>
    Important
    Replace [api_key] with the API Key of the Searchanise engine for your store. You can find it in the Searchanise control panel > Dashboard section.
  5. Save the changes.




Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.