How to add Google custom search to magento

How to add Google custom search to magento

Rate this article

Share this article

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. Go to google custom search
    2. Enter your Magento website URL and click on create- magento google custom search
    3. Click on “get code”.magento google custom search
    4. Copy the code-magento google custom search
    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/ 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> __('Search') ?> </span>
      <script type="text/javascript">

      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).magento google custom search

Add a Search Bar to Magento

Are you showing the right products, to the right shoppers, at the right time? Contact us to know more.
You may also like