Add a Product Search Bar to Your Store Website

If you'd like to give customers the option to search products that you sell on your online store, you can embed a product search widget on your Shop pages.

1. Navigate back to the Content panel on the Websites 360 dashboard, then navigate to the page that contains your Store embed code.

2. Above the Shop embed code, click on the green (+) button and select HTML from the menu to create a new HTML Block.

3. Add the following code inside the HTML Block inside the text area next to the number 1:

<!--PRODUCT SEARCH-->
<div id="my-search-xxxxxxxx"></div>
<div>
<script data-cfasync="false" type="text/javascript" src="https://app.shop.websites360.com/script.js?xxxxxxx&data_platform=code" charset="utf-8"></script>
<script type="text/javascript"> xSearch("id=my-search-xxxxxxxx"); </script>
</div>

4. Replace 'xxxxxxxx' with your Store ID. Pro Tip: Use the Find & Replace feature!

Click here to learn how to find your Store ID.

5. Save the HTML block.