How to enable autocomplete on your wordpress website

What is autocomplete?

It is the capability to give completed query or results directly even for partial query.  If you type iph, the system can guess that you are looking for an iphone.  This capability is called autocomplete.  To know more, you can read all about autocomplete.

In this article, we will see how to create a WordPress autocomplete search without the use of any plugin in a simple to follow steps-

Pre-requisites for a successful implementation

  1. Your WordPress site should be live.
  2. You should have admin panel access to your WordPress site.
  3. Sitemap (not mandatory).
wordpress autocomplete search without plugin

Steps to create a WordPress autocomplete search

  1. Go to
  2. Sign in with your Gmail id.
  3. Enter your website URL.
  4. Enter your sitemap XML link. (optional)
  5. Choose your nearest data center (for the search results to be faster).
  6. Wait for your site crawl to complete.
  7. Go to and copy the code to your website. There are two parts to this code. wordpress autocomplete search without plugin
    1. The first part of the code starting with <script> can be added using google tag manager or insert headers and footers on all pages to your website.
    2. The second part of the code <ci-search></ci-search> can be added using any page builder such as elementor. This code adds the search box. If you are using elementor, you can use the HTML block to add this code. wordpress autocomplete search without plugin
  8. That’s it! You have successfully added WordPress search autocomplete without the use of a plugin. Start Now!


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