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!

You can find your store ID in your Shop App dashboard. Click Shop App from the Marketing 360 dashboard or from the App Menu near the top left corner of the page.

5. Save the HTML block.