Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Show Google Sheets Data in Elementor - Featured Blog
ue-2.0
Loop Grid in Elementor - Featured Blog
Search Filter Widget for Elementor
PRO

Search Filter Block for WordPress

The Search Filter transforms the search experience with real-time results, optimizing user experience on your WordPress website and providing enhanced speed and efficiency.

search filter
Search Filter Filter Anything

Filter Anything

The Search Filter block works with any post block and any post type. 

Search Filter Layout

All the layout settings you need to create the perfect search filter on your WordPress website.

Search Filter General Settings 1
Search Filter Posts

Filter Post Block

Use the search filter to filter any Post Block from the Unlimited Elements block library.

Filter WooCommerce Blocks

Add the Search Filter to your WooCommerce product blocks.

Search Filter WooCommerce
Search Filter Galleries

Filter Galleries

Filter galleries that are populated with posts or products using the Search Filter block.

Filter Loop Blocks

With the Search Filter, you can filter any of the Dynamic Loop Blocks from the block library.

Search Filter Loop Widgets
Search Filter Combinations

Unlimited Combinations

The Search Filter block can work seamlessly with other filter blocks and tools from the block library.

Search Filter Style

Modify the colors and fonts to match your site’s look and feel through the WordPress live page builder interface. Customize every single detail to perfectly blend with your website design.

Search Filter Styles

Search Filter Block Frequently Asked Questions

What is the Search Filter block in WordPress?

The Search Filter block allows users to refine search results dynamically on your website. It provides a more interactive and efficient way to search by filtering posts or products based on keywords. This improves navigation and enhances the user experience by displaying only relevant results. The block is ideal for websites with extensive content, ensuring visitors can quickly find what they need.

How do I add the Search Filter block to my WordPress website?

This block requires the Unlimited Elements Pro version installed and activated on your WordPress website.

  1. Go to the Unlimited Elements Block Library.
  2. Search for “Search Filter” in the search bar.
  3. Hover over the block in the search results and click Install.
  4. Add the “Search Filter” block to any WordPress page.
Is the Search Filter block free?

The Search Filter block is not free; it is included in the Unlimited Elements Pro version. Unlock this block and many other advanced features by upgrading to Pro. Upgrade Now

Can I set a custom placeholder text for the Search Filter block?

Yes, you can set a custom placeholder text for this block. This allows you to personalize the search field with instructions or hints for users, making navigation easier. Whether you want a simple "Search here..." or a more detailed message, you have full control over the placeholder text to match your website's tone and style.

Can I show or hide the search label in this block?

Yes, this block allows you to show or hide the search label based on your design preferences. If you want a cleaner look, you can remove the label entirely. Alternatively, you can enable it to provide additional guidance to users, ensuring they understand the purpose of the search field before they start typing.

Can I customize the search button or indicator in this block?

Yes, you can choose how the search action appears by selecting between None, Search Button, or Search Indicator. This gives you flexibility in how users interact with the search field. Whether you prefer a traditional button, a subtle indicator, or no additional element at all, the block allows full customization to align with your website’s design.

Can I use a custom SVG icon for the search button or indicator?

Yes, you can use a custom SVG icon for either the search button or indicator. This allows you to match the block's appearance to your website’s branding by selecting an icon that best represents your search functionality. Whether it’s a magnifying glass, arrow, or unique custom design, you have the freedom to integrate any SVG icon seamlessly.

How do I use the Search Filter block in WordPress?

Using the Search Filter block is simple. Drag and drop the block into your WordPress page, configure the search field, and customize the filter settings. You can also adjust search behavior, and style the block to match your design. This allows users to find relevant content more easily.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!