How to Search WooCommerce Products by Tag in Elementor?

Updated onApril 10, 2026By

Key Takeaways

  • The Plus Addons for Elementor Search Bar widget allows users to search WooCommerce products by product_tag.
  • Users can enable AJAX Search by default in the Extra Option tab of the Search Bar widget.
  • The Search Bar widget can display the number of products associated with a selected tag using the Show Index toggle.
Table Of Content

Allowing users to search WooCommerce products by tags can improve their shopping experience and make it easier to find the products they are looking for.

With the Search Bar widget from The Plus Addons for Elementor, you can easily allow users to search WooCommerce products by different tags. 

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 Taxonomy from the Source dropdown.

2. From the Select Taxonomy dropdown, select product_tag.

Search bar product tag

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

In the Label field, you can add a label name for the select dropdown.

In the Placeholder field, you can add a placeholder text for the select dropdown. 

From the Show Index toggle, you can show the number of products the item has in numbers.

Note: You can click on the +Add Item button to use both product and product tags as filters as well.

3. Now 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 a product tag from the dropdown to show all the products with that tag or you can directly search for products with a specific tag as well.

Also, read How to Add Ajax Search for WooCommerce Products 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 Search Bar widget isn't displaying product tags?

If the Search Bar widget isn't showing product tags, ensure that you've selected 'product_tag' from the Select Taxonomy dropdown. This step is crucial as it allows the widget to filter products based on tags. Also, confirm that you have added products to your WooCommerce store, as the widget requires existing products to function properly.

What is the best way to label the dropdown for product tags in the Search Bar widget?

When labeling the dropdown for product tags, choose a clear and descriptive name that indicates its purpose, such as 'Select Product Tag'. This helps users understand that they can filter products based on specific tags, improving usability. Additionally, consider adding placeholder text to guide users on what to select.

Does the Search Bar widget work with other page builders besides Elementor?

The Search Bar widget from The Plus Addons for Elementor is specifically designed to work only with Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. This means you need to use Elementor to implement this feature effectively.

Last reviewed: April 10, 2026

Related Docs