2 ways to add the Instant search widget to your storefront

Modified on: Wed, Jan 31, 2018 at 11:26 AM


The way to add the Instant search widget depends on the theme you use.


1. For Stencil themes


A Stencil theme is installed for new stores by default (Cornerstore is the basic one). 


2.1. Log in to your BigСommerce admin panel.


2.2. Go to Dashboard -> Storefront -> Footer scripts and add the following line of the Searchanise code to the text field:


<script src="//www.searchanise.com/widgets/bigcommerce/init.js?api_key=[api_key]"></script>


Replace [api_key] with the API Key of the Searchanise engine for your subscription. You can find it in the Searchanise dashboard. ( BigCommerce admin panel -> Dashboard -> Apps -> Searchanise).


2.3. Click Save.




2. For Blueprint (classic) themes


1.1. Go to BigCommerce admin panel -> Dashboard -> Storefront -> MyThemes.


1.2. Click Advanced in the Current theme block and choose the Edit HTML/CSS option.


1.3. You’ll be redirected to the Theme Editor. Open the HTMLHead.html file there and insert the following Searchanise widget code before the </head> tag:


<script src="//www.searchanise.com/widgets/bigcommerce/init.js?api_key=[api_key]"></script>


Replace [api_key] with the API Key of the Searchanise engine for your subscription. You can find it in the Searchanise dashboard. ( BigCommerce admin panel -> Dashboard -> Apps -> Searchanise)


4. Click Save.


P.S. In case you experience problems with instant search widget loading, we recommend you to try another way of adding the widget. You can see the detailed instruction in this article.



Did you find it helpful? Yes No

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