How to create a search bar for website? Creating a search bar for any website can be done in simple html. Such methods usualy 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.

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 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 which 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 creator which costs 9$ per bar for website

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