Sitebuilder +

Adding a search box to a website

A search box allows customers to find products they look for faster. They can search products by name, SKU, options, and other product information. To add a search box to your website, you need to add a code to your website backend.


Adding a search box

To add a search box to your Online Store follow these steps:
  1. You need to first find your Store ID.
  • Click Edit on the Store widget on your page.
  • In the dialog box that opens up you will see your Store ID displayed in the bottom left corner.
  • Note that it is in light gray text so it may be a little difficult to spot.
  1. Once you have your Store ID, now in your Sitebuilder, go to Widgets > Popular.
  2. Drag and drop an HTML widget onto your page.
  3. Paste the following code into your HTML widget:
<div id="my-search-XXXX">
<script type="text/javascript" src="" charset="utf-8"></script>
<script type="text/javascript"> xSearch("id=my-search-XXXX"); </script>
  • Replace any XXXX with your Store ID.

4. Click Save.

Was this article helpful?
0 out of 1 found this helpful