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.
To add a search box to your Online Store follow these steps:
-
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.
- Once you have your Store ID, now in your Sitebuilder, go to Widgets > Popular.
- Drag and drop an HTML widget onto your page.
- Paste the following code into your HTML widget:
<div id="my-search-XXXX"> <script type="text/javascript" src="https://app.ecwid.com/script.js?XXXX" charset="utf-8"></script> <script type="text/javascript"> xSearch("id=my-search-XXXX"); </script> </div>
-
- Replace any XXXX with your Store ID.
5. Click Save.