The Shopify search bar in Header is one of the most important features. This allows you to use the 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 shopify search bar. 


  • 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 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 to create search bar in 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 shopify search bar, check the video 



An easier way to do this is to Expertrec, we will see how to create a shopify search bar to your website’s header.

Search bar using code – Expertrec

  1. Create your Shopify search bar from here.
  2. Log in to your Shopify admin panel.
  3. Click-> Online store->Themes-> Edit code
  4. Go to to copy-paste your search bar code.shopify search not working how to fix
  5. Choose theme.liquid.
  6. Add the following code just below the head section.shopify search bar header
  7. This will add a search bar to your Shopify website.

Search bar in header using Shopify App

You can also add a shopify search bar app using expertrec;s shopify search app. Install the app from here.

Expertrec shopify search bar on

muthali ganesh

Muthali loves writing about emerging technologies and easy solutions for complex tech issues. You can reach out to him through chat or by raising a support ticket on the left hand side of the page.

You may also like