How to add a product search box specific to your Yola Online Store

  • 3
  • Idea
  • Updated 3 years ago
  • Implemented


  1. Open your website in your Yola Sitebuilder, and go to the page where you have added your Yola Online Store Widget.

  2. Drag and drop an HTML Widget above your Yola Online Store Widget.

  3. Add this code to the editor of your HTML Widget:
    <script type='text/javascript' src='http://app.ecwid.com/script.js?53022'></script>
    
    <script type='text/javascript'> xSearchPanel(); </script>

  4. In this code you can see the number 53022 which is the Store ID. Replace this number by your own Store ID. You can find your Store ID in the bottom left corner of your Online Store Widget or on the Online Store page of your My Yola.


You can arrange the search box according to your needs. You may want to add some text in front of it. Here is an example of which widgets to use and how to position them in order to achieve this:



Your customers will now be able to search your products. Once the results are shown, your customers can also choose how to sort the results:



This search box is not a Google feature, but works for the products specific to your Yola Online Store.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes

Posted 6 years ago

  • 3
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Official Response
A small update: You can now find your Store ID only in the bottom left corner of your Online Store Widget.