How to add Google custom search to magento

The default Magento search is not up to your expectations? You are not alone. Fortunately, You can use Google custom search for free to add good search functionality to your Magento store.

The only issue is that Google custom search has ads. If you are looking for an ad-free Magento search experience, you could opt for Expertrec custom search engine (plans begin at 9 USD per month).

steps to create a Magento google custom search engine –

1. 1. Go to https://cse.google.com/cse/create/new
   2. Enter your Magento website URL and click on create-
   3. Click on “get code”.
   4. Copy the code-
   5. Replace the Magento search box code with Google custom search box code. For this step, you might need the help of your developer. The template for Magento search box can be found at app/design/frontend/base/default/template/catalogsearch/form.mini.phtml. We will change this so it will call the google search code. Change this from:
      

      <form id="search_mini_form" action="" method="get">
       <div class="form-search">
       <label for="search"> __('Search:') ?> </label>
       <input id="search" class="input-text" name="" type="text" value="">
       <button class="button" title=""> 
      <span> 
      <span> __('Search') ?> </span>
       </span>
       </button> 
      <script type="text/javascript">
      </script>
      </div>
      </form>

      to the code that you copied from Google custom search control panel

   6. That’s it! you have added google custom search to your Magento store. Here are some screenshots of the search user interface which you can further change from your control panel. Here is a demo link built on the data of cosjj ( a Magento store).

Add a Search Bar to Magento