Articles on: Online store

Setting up store search on your site

Store search is a useful tool that can help customers to find specific products on your site. By default, the Store search bar is not added to your site after activation of the Store module. However, you can easily add it to any part of your site by following the instructions below, thus allowing your customers to use your store in a more efficient way.

Important: this option, as well as the Store are available for Pro sites only.

Go to any block where you want to add the Store search element, click Add element and pick Store Search amongst other elements:

Tip: You can add a search bar element not only to any block within the main body of a page, but also to the site header or footer. It is also possible to add a search bar to the store homepage and other store pages such as category page, product page etc.

A new search bar will be added to the page:

Note: The search box takes up all available space within a block. It's not possible to change the width of this element.

You can edit the Store Search element by hovering over the element and clicking on the “Gear”:

In the General tab, you can change or use your own placeholder text. It will be displayed inside the element to hint the user at the purpose of this element:

In the Style tab, you can select a Field Type and change Colors by clicking on the corresponding buttons. You can use either your Site palette colors from the swatches or apply custom colors from the color picker:

You can also create specific keywords for the search, so it would be even easier to find a product. You'll find this option in the SEO settings of the product. They can be anything you want, including misspelled words or words in some other languages. The limit for each keyword is 255 characters, so there's plenty of space:

Updated on: 04/11/2023

Was this article helpful?

Thank you!