A search feature is one of the most important especially for Shopify.  A Shopify search bar can include snippet to include a search bar anywhere in your theme. Without a search bar, any visitor who could have been a potential customer will be calculated in the bounce rate users. Well, if there is a proper search bar for your listed products to be searched, instead of simple horizontal or vertical categories, a header search bar looks promising.

Let’s look at the steps to create the search bar in Shopify


  • Open Shopify admin and go to the ‘Themes’ page in the panel, edit as HTML.
  • Easily copy the code of the HTML and paste to the template theme.liquid
Shopify header code


  • Always remember to use Ctrl+S to save the created theme or changes that you have added in the newly created HTML code. You can also see on the screenshot, there is a search code that goes to the Shopify Store header.


Shopify Store Header

  • It’s time to go to the front end of the store to check whether the search box is available or not. Shopify has the search bar on the top!


For more information on creating a search feature in Shopify, check 

You may also like