> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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](https://help.weblium.com/en-us/article/activating-the-online-store-and-adding-products-1s241ov/). 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. 

||| ${color}[#f97700](Important:) This option, as well as the Store, are available for Business 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:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image-83_1xrmy53.png)

| ${color}[#1aa900](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:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image-84_1mwgtca.png)

|| ${color}[#ffa800](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

* You can edit the text of the **Store search** element in the site settings, **Multilingual site** section, **Search results page** subsection:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/poshuk-angl-1_186a4zb.png)
* To edit the text style, you can click on the gear icon:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/group-307_1qirhkl.png)

* 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](https://help.weblium.com/en-us/article/site-color-palette-1vllsl8/) colors from the swatches or apply custom colors from the color picker:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/poshuk-angl-3_1jousxa.png)
|| ${color}[#FFA800](Note:) In the "Advanced" tab, you can add a [CSS class to the element](https://help.weblium.com/en-us/article/adding-css-classes-to-elements-on-your-site-1jwkivi/).
# 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](https://help.weblium.com/en-us/article/editing-products-in-your-store-f8gsx5/#1-seo-product-settings). 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:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image-90_sdza97.png)

Don't forget to [publish your site](https://help.weblium.com/en-us/article/publishing-a-site-tgxmch/) to apply the changes you make in the editor.
