As a user on the Ecommerce store, it was a challenge to explore all products due to a complicated user experience on the website. This led to a lot of products remaining unexplored. To make this process easier, we are introducing a new element to our Ecommerce stores – a Search bar!
Store owners can add the Search bar in two ways: 1) in the navigation menu, and 2) as a dedicated element on the website.
How to use?
To incorporate this feature, follow these steps:
- Go to your store’s page builder and add the Search bar Element. This will be found under the Store section in the “Add Elements”.
- If you want to enable the Search bar in your navigation menu, use the “Show Search bar” toggle accessible in the navigation menu settings.
- Personalize the properties for the Search bar. Properties that can be customized include:
- Search button color
- Search input box text and background color
- Search dropdown text and background color
- Border color for input field and dropdown
- Font size and weights
- Save/Publish to see the changes on your site!
Note:
- This element can be added to any page (Store, non-store) only for websites with stores.
- Customizing the search bar is limited in the navigation menu. All options for customization are available only in the standalone element.
- Search suggestions (Dropdown) will draw results from the product’s name/title.
- After clicking on search, users will be directed to the product list page showcasing search results. This search will be based on the product’s title as well as description.