How to Add Ajax Search for WooCommerce Products in Elementor?

Updated onApril 10, 2026By

Key Takeaways

  • Ajax search enhances user experience by allowing product searches without page refresh.
  • The Plus Addons for Elementor Search Bar widget enables easy integration of Ajax search for WooCommerce products.
  • Users must select 'Products' from the Select Type dropdown to configure the Search Bar widget correctly.
Table Of Content

One way to improve the user experience on your WooCommerce-based online store is by using Ajax search. Ajax search enables users to search for products without having to refresh the page and wait for the results to load.

With the Search Bar widget from The Plus Addons for Elementor, you can easily add an Ajax search for WooCommerce products. 

To check the complete feature overview documentation of The Plus Addons for Elementor Search Bar widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, make sure you’ve added some products to your WooCommerce store.

Then, add the Search Bar widget on the page or template and follow the steps –

1. Open the item under Search Bar and select Post from the Source dropdown.

2. From the Select Type dropdown, select Products.

Note: Make sure to remove Posts, it will be selected by default.

Search bar product

Now, you should be able to see a dropdown beside the search bar.

3. Now to turn this into an Ajax search, go to Extra Option tab and make sure the AJAX Search is enabled.

Search bar ajax search

Note: The AJAX Search will be enabled by default.

Now you can select product from the dropdown, or you can directly search in the search field, and you’ll instantly get the result there.

You can click on any item to go to the product page directly.

Search bar product demo

Also, read How to Search WooCommerce Products by Category in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the Ajax search isn't showing results?

If the Ajax search isn't displaying results, ensure that you've selected 'Products' from the 'Select Type' dropdown in the Search Bar widget settings. By default, 'Posts' is selected, which can prevent product results from appearing. Additionally, confirm that the AJAX Search option is enabled in the Extra Option tab, as it is enabled by default but may have been altered.

What is the best way to set up the Search Bar widget for WooCommerce products?

To optimize the Search Bar widget for WooCommerce products, first, ensure that you have added products to your store. Then, select 'Products' from the 'Select Type' dropdown and enable AJAX Search in the Extra Option tab. This setup allows users to see instant results as they type, improving the shopping experience.

Why is it important to enable AJAX Search for WooCommerce products?

Enabling AJAX Search is crucial because it allows users to search for products without refreshing the page, which significantly enhances the user experience. Instant results keep customers engaged and can lead to higher conversion rates, as they can quickly find what they are looking for without delays.

What happens if I forget to remove 'Posts' from the Search Bar widget?

If you forget to remove 'Posts' from the Search Bar widget, the search may return irrelevant results, as it will prioritize posts over products. This can confuse users looking for specific products, so it's essential to ensure that 'Products' is selected to provide accurate search results.

Last reviewed: April 10, 2026

Related Docs