Adding a search box

You can add a search box to your Online Store.

First, you need to locate your Store ID. Here's how to find this:

  1. Click Edit on the Store widget on your page.
  2. 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.

Once you've created your code, you can add the code to your Sitebuilder by following these steps:

  1. In your Sitebuilder, go to Widgets > Popular.
  2. Drag and drop an HTML widget onto your page.
    In order for the search box to work, the HTML widget needs to be dropped beneath the Store widget.
  3. Copy, and paste (use right-click > paste or Ctrl-V to paste) the following code:

    <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 XXXX with the StoreID
  4. When you are done, click Save.

The search box may not display on the page immediately, but you can view it in your site preview.