Setting up store search on your site

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.

Adding the store search bar element

1. 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.

2. 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.

Editing Store Search

  1. You can edit the Store Search element by hovering over the element and clicking on the wheel:

  1. 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:


  1. 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:



Keywords for the search

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:





    • Related Articles

    • Editing products in Your Store

      In order to edit a specific product, you need to go to your site settings, select the “Products” (1) tab in the left menu and then either click on the name of a product (2) or on the three-dots button and then select the “Edit” (3) option. General ...

    • Changing the Language of the Online Store

      In this guide, you will learn how to translate all the system text parts in your online store. You can manually set the text you need in a single section in the site settings, where collected the majority of all phrases displayed on your online ...

    • Importing Products from Your Store to Facebook Commerce Manager

      Facebook Commerce Manager is a helpful tool to expand your store and attract new customers from Facebook and Instagram. By following these steps, you can connect Facebook Commerce Manager to your site. Important: this option is available for Pro ...

    • Setting a Minimum Order Amount for Your Store

      You can set a minimum order amount in your store. This feature is used to ensure that the order is profitable for you considering the costs of processing and delivering the products. Besides, certain payment providers may set a minimum charge for the ...

    • Your Store settings

      Apart from the product and category page settings, there are global store settings that let you control the store currency, price format, visibility in search etc. This article will guide you through the available store settings. General settings 1. ...