No results found. Try again with different words?

Search must be at least 3 characters.

How to Activate Live Search

Sidebar Image

Did not find a solution? We are here to help you succeed.

We’re excited to introduce Astra Live Search, a feature designed to enhance your website’s search functionality.ย 

No more waiting for results pages – now, get real-time search suggestions as you type.

This guide will walk you through the steps to add live search using the Astra theme.

What is Live Search?

Astraโ€™s Live Search completely changes how you search. Before, you had to hit enter and wait for the results. 

But now, as you start typing, the results pop up instantly. It’s a whole new way to search, engaging your users like never before.

And because it’s powered by the REST API, you get lightning-fast results. This makes searching more interactive and user-friendly than ever.

Activate Live Search

Before we get started, ensure you have the Astra theme installed on your WordPress website.

While Live Search is free to use for all users, some customization options such as Search Style, Placeholder text, and more require you to install Astra Pro addon.

Now, letโ€™s walk through the simple process of adding live search functionality.

  • Go to your WordPress dashboard and navigate to Appearance > Customize.
  • From the Customizer, navigate to Header Builder.
  • Here, click on the + icon and add a Search module to any of the headers.
  • Click on the search bar or open the newly created Search section to access all the search settings.
  • Toggle the option to activate Live Search.
  • From here, you can select the search within post types. You can select what content appears in the search dropdown: Posts, Pages, or both.
  • If you choose the search style as a search box or slide search, youโ€™ll notice a valuable addition โ€“ the Search Width option. This allows your website visitors to attain a search bar layout like Amazonโ€™s wide search.
  • Once youโ€™re done, click on the Publish button to save the changes.

Hereโ€™s how the search bar looks on the website.

Thatโ€™s it! Explore the possibilities and improve your search bar according to your preferences with Astraโ€™s new customization options.

And if you face any issues with this Live Search, please reach out to us. Weโ€™re always here to help!

Was this article helpful?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form