How to create a search bar for a website? Creating a search bar for any website can be done in simple HTML. Such methods usually only add a search box to your website, but this will not create any usable search box. For example, your site visitors will be able to see the search box, but they will not be able to find content within your website using the search box. It is like having Google, but not being able to search using it.

search bar for website

Here are some proven methods to create a search bar for any website.

  1. Using Google custom search

    • Go to
    • Under sites to search, enter your website URL and click on create.
    • Under edition, click on get code and copy the code. The code looks similar to the code below.
      <script async src=""></script>
      <div class="gcse-search"></div>


    • You can click on the look and feel to customize the look and feel of your search bar.
    • You can add this code to your website and add the search bar to your website.add search bar to website
  2. Using Expertrec custom search

    • Expertrec custom search is a adfree search engine that provides a clean search experience to your site visitors. (Google custom search has ads).
    • Go to search bar for website creator.
    • Enter your website URL.
    • If you have a sitemap, enter the URL.
    • Once the crawl completes, add the code to your website and take live.
    • Expertrec is a paid search bar for website creators which costs 9$ per bar for websiteGet Custom Search Bar for your Website at $9

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

Black Friday Deal          50% off on all plans with this code BLACK50
Black Friday Deal         Upgrade your search bar today and enjoy flat 50% off with this code BLACK50
Black Friday Deal
        50% off with this code BLACK50