WP Smart Widgets

The only free Elementor plugin for unlimited pro-grade filtering of all your post content. Filter by taxonomies, custom fields, ACF, relational fields, and numeric ranges – with seamless integration, no restrictions, and full customization. Get advanced filtering features without paying for limitations.
<h3>Filter Widget Key Features:</h3>
<ul>
<li>Compatible with Elementor Pro post widget, ACF, WooCommerce and most translation plugins.</li>
<li>Filter any post type.</li>
<li>Customizable filter items list with easy re-ordering options.</li>
<li>Filter anything using taxonomies, custom fields/ACF, relational and numeric fields.</li>
<li>Keyword search support for custom field/ACF.</li>
<li>Various filter types catered to diverse use-cases: checkboxes, radio buttons, label list, dropdown, numeric range, select2 (single & multiple select).</li>
<li>Fine-tune the filter with the choice of relation (AND or OR) between terms and parents.</li>
<li>User-friendly more/less and toggle options, ideal for managing extensive lists.</li>
<li>Choose how filters are applied: Auto-submission or Submit button mode.</li>
</ul>
<a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/filter-post-widgets-demo/" rel="nofollow ugc">Filter Widget Demo</a> – See the filter in action.
<h3>Post Widget Key Features:</h3>
<ul>
<li>Query multiple post types at once.</li>
<li>Do more with less – display posts, users, and taxonomies using a single widget.</li>
<li>Effortlessly switch between a dynamic carousel or grid layout at different breakpoints.</li>
<li>Make the most of Swiper API with advanced features such as carousel synching, parallax effects, and more.</li>
<li>Multiple layout options, including classic, on the side, banner, template grid (loop grid), and custom HTML.</li>
<li>Possibility to create your own loop grid, with any dynamic tags and Elementor widgets.</li>
<li>Flexible post content options: title, content, excerpt, custom field/ACF, taxonomy, HTML, post meta, read more, bookmark, edit options, product price, product rating, buy now, and product badge.</li>
<li>Flexible query system with AJAX pagination.</li>
<li>Customize widget content and style like native Elementor widgets.</li>
</ul>
<a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/elementor-post-slider-travel-theme-demo/" rel="nofollow ugc">Post Slider/Carousel Demo</a> – Check out the post widget possibilities.
<h3>Create Loop Grids for Free:</h3>
Unlock the power of dynamic loops in Elementor, without needing the Pro version! Effortlessly showcase custom content in a loop format and experience the full potential of Elementor at no extra cost.
<h3>Exclusive Dynamic Tags:</h3>
<ul>
<li>Exclusive Repeater Field Tag: Unlock the ability to directly output ACF repeater fields in the Elementor frontend, with the flexibility to wrap each part in different HTML tags.</li>
<li>Includes a series of dynamic tags, allowing users to fully utilize template grids with the free version.</li>
</ul>
<h3>Crafted for Seamless Elementor Integration:</h3>
<ul>
<li>Blends seamlessly with Elementor’s native interface.</li>
<li>No disruptive branding — Enjoy a clean, streamlined interface without unnecessary distractions.</li>
<li>Lightweight design, utilizing Elementor’s resources to minimize external dependencies.</li>
</ul>
<h3>Developer-Friendly:</h3>
Tailor the widget to your needs with the help of a dedicated filters.
<h3>Connecting the Filter Widget</h3>
To link your Filter Widget to a Post or Loop Grid widget, follow these steps:
<ol>
<li>Open the Post Widget settings in Elementor. 
Go to the Advanced tab and enter the following in the CSS Classes field: 
results</li>
<li>Open your Filter Widget. 
In the Post Widget Target field, enter: 
.results</li>
<li>Save the page. The filter will now update the correct widget.</li>
</ol>
Note: <code>results</code> is a reference class. You can choose any class or id name you like, as long as the Filter Widget target matches the Post Widget class (with a .) or id (with a #).
<h4>Troubleshooting</h4>
<ul>
<li>Make sure the Post Widget class name and the Filter Widget target match.</li>
<li>Check for incompatible plugins or theme conflicts:
<ol>
<li>Temporarily switch to a default WordPress theme.</li>
<li>Deactivate all other plugins except Elementor and Better Post & Filter Widgets.</li>
<li>Test the filter. If it works, reactivate your plugins one by one to find the one causing the conflict.</li>
</ol>
</li>
<li>Disable caching or optimization plugins while testing, as they can interfere with AJAX.</li>
<li>Check the browser console for JavaScript errors (press F12 and look under the Console tab) and resolve any errors that appear.</li>
</ul>
<h3>Docs and Support</h3>
Find support for this plugin in the <a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/" rel="nofollow ugc">documentation</a>.
<h3>Source Code</h3>
This plugin includes both compressed and uncompressed versions of CSS and JavaScript files and can be found under the <code>/assets/</code> directory.

Better Post & Filter Widgets for Elementor

The only free pro-grade Elementor filter for posts, taxonomies, custom fields, ACF, WooCommerce, WPML & more. Ditch paid limits!

WP OnlineSupport

Pratik Jain

Anoop Ranawat

Ketan Patel

Piyush Patel

Essential Plugin

Riddhi Shukla

✅ Now that you have your website ready then why don’t you download and try out this Post Grid and Filter to give it better functionality.
Download Now It is proven that post filters have been a powerful tool to present your content in a very neat manner with the help of fancy sliders and customized designs.
<a href="https://demo.essentialplugin.com/post-grid-and-filter-ultimate-demo/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">FREE DEMO</a> | <a href="https://demo.essentialplugin.com/prodemo/post-grid-and-filter-with-popup-pro-demo/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">PRO DEMO</a>
Your customer might like the professional and fancy vibe of your site with Post Filter
✅ This plugin displays your custom posts using :
<ul>
<li>Post Grid (2 designs)</li>
<li>Post Filter (2 designs)</li>
</ul>
When you want to makeover your WordPress website theme with something extraordinary and creative, you must consider the Post Grid and Filter plugin.
Help your website get a filter-wise display to show the custom posts. Not just eye appealing, it is also loved by visitors as they find it quite easy to locate custom posts.
Easy way to display WordPress post in grid view and post grid with filter. Display anywhere via shortcode. lots more shortcode parameters give you extend as your needs.
Also added Gutenberg block support.
<h4>✅ Here is the plugin shortcode example</h4>
post Grid
<pre><code>[pgaf_post_grid]
</code></pre>
Post Fiter
<pre><code>[pgaf_post_filter]
</code></pre>
To display only Post Grid 4 post:
<pre><code>[pgaf_post_grid limit="4"]
</code></pre>
Where limit define the number of posts to display.
If you want to display post grid by category then use this short code:
<pre><code>[pgaf_post_grid cat_id="category_ID"]
</code></pre>
You can use same parameter with post grid shortcode.
✅ We have given 2 designs. For designs use the following shortcode:
<pre><code>[pgaf_post_grid design="design-1"] 
</code></pre>
Where designs are : design-1, design-2. You can use same parameter with filter shortcode.
<h4>✅ Here is Template code</h4>
<pre><code><?php echo do_shortcode('[pgaf_post_grid]'); ?>
<?php echo do_shortcode('[pgaf_post_filter]'); ?>
</code></pre>
<h4>✅ Use Following Post Grid parameters with shortcode</h4>
<pre><code>[pgaf_post_grid]
</code></pre>
<ul>
<li>limit : [pgaf_post_grid limit=”10″] (Display latest 10 posts and then pagination).</li>
<li>cat_id : [pgaf_post_grid cat_id=”category_id”] (Display posts categories wise).</li>
<li>include_cat_child : [pgaf_post_grid include_cat_child=”false”] (Include cat child or not. Values are “true” or “false”).</li>
<li>design : [pgaf_post_grid design=”design-1″] (Select the design to display. there are 2 designs ie design-1 and design-2 ).</li>
<li>grid : [pgaf_post_grid grid=”2″](Display post in Grid formats).</li>
<li>order : [pgaf_post_grid order=”DESC”] (Post order ie DESC or ASC).</li>
<li>orderby : [pgaf_post_grid orderby=”date”] (Order by post ie ID, author, title, date, name, rand etc).</li>
<li>image_fit : [pgaf_post_grid image_fit=”true”] (Fit the post image in wrap. Values are “true” or “false”).</li>
<li>media_size : [pgaf_post_grid media_size=”large”] (Set the featured image size to diplay in post Values are thumbnail, medium, large, full).</li>
<li>image_height : [pgaf_post_grid image_height=”300″] (Set featured image height).</li>
<li>show_date : [pgaf_post_grid show_date=”false”] (Display post date OR not. By default value is “true”. Options are “ture OR false”)</li>
<li>show_author : [pgaf_post_grid show_author=”true”] (Display post author. Values are “true” or “false”).</li>
<li>show_content : [pgaf_post_grid show_content=”true”] (Display post Short content OR not. By default value is “true”. Options are “ture OR false”).</li>
<li>show_read_more : [pgaf_post_grid show_read_more=”true”] (Display Read more button or not. Options are “ture OR false”)</li>
<li>show_category_name : [pgaf_post_grid show_category_name=”true”] (Display post category name OR not. By default value is “True”. Options are “ture OR false”).</li>
<li>content_words_limit : [pgaf_post_grid content_words_limit=”30″] (Control post short content Words limt. By default limit is 20 words).</li>
<li>content_tail : [pgaf_post_grid content_tail=”…”] (Set content tail).</li>
<li>pagination : [pgaf_post_grid pagination=”true”] (Set content tail).</li>
<li>pagination_type : [pgaf_post_grid pagination_type=”numeric”] (values are “prev-next” and “numeric”).</li>
<li>show_comments : [pgaf_post_grid show_comments=”true”] (Options are “ture OR false”).</li>
<li>extra_class : [pgaf_post_grid extra_class=””] (Enter extra CSS class for design customization ).</li>
</ul>
<h4>✅ Use Following Post Filter parameters with shortcode</h4>
<pre><code>[pgaf_post_filter]
</code></pre>
<ul>
<li>cat_id : [pgaf_post_filter cat_id=”category_id”] (Display posts categories wise).</li>
<li>include_cat_child : [pgaf_post_filter include_cat_child=”false”] (Include cat child or not. Values are “true” or “false”).</li>
<li>design : [pgaf_post_filter design=”design-1″] (Select the design to display. there are 2 designs ie design-1 and design-2 ).</li>
<li>grid : [pgaf_post_filter grid=”2″](Display post in Grid formats).</li>
<li>order : [pgaf_post_filter order=”DESC”] (Post order ie DESC or ASC).</li>
<li>orderby : [pgaf_post_filter orderby=”date”] (Order by post ie ID, author, title, date, name, rand etc).</li>
<li>image_fit : [pgaf_post_filter image_fit=”true”] (Fit the post image in wrap. Values are “true” or “false”).</li>
<li>media_size : [pgaf_post_filter media_size=”large”] (Set the featured image size to diplay in post Values are thumbnail, medium, large, full).</li>
<li>image_height : [pgaf_post_filter image_height=”300″] (Set featured image height).</li>
<li>show_date : [pgaf_post_filter show_date=”false”] (Display post date OR not. By default value is “true”. Options are “ture OR false”)</li>
<li>show_author : [pgaf_post_filter show_author=”true”] (Display post author. Values are “true” or “false”).</li>
<li>show_content : [pgaf_post_filter show_content=”true”] (Display post Short content OR not. By default value is “true”. Options are “ture OR false”).</li>
<li>show_read_more : [pgaf_post_filter show_read_more=”true”] (Display Read more button or not. Options are “ture OR false”)</li>
<li>show_category_name : [pgaf_post_filter show_category_name=”true”] (Display post category name OR not. By default value is “True”. Options are “ture OR false”).</li>
<li>content_words_limit : [pgaf_post_filter content_words_limit=”30″] (Control post short content Words limt. By default limit is 20 words).</li>
<li>exclude_cat : [pgaf_post_filter exclude_cat=”].</li>
<li>content_tail : [pgaf_post_filter content_tail=”…”] (Set content tail).</li>
<li>show_comments : [pgaf_post_filter show_comments=”true”] (Options are “ture OR false”).</li>
<li>cat_orderby : [pgaf_post_filter cat_orderby=”name”]</li>
<li>all_filter_text : [pgaf_post_filter all_filter_text=”All”]</li>
<li>extra_class : [pgaf_post_filter extra_class=””] (Enter extra CSS class for design customization ).</li>
</ul>
✅ Checkout demo for better understanding
<a href="https://demo.essentialplugin.com/post-grid-and-filter-ultimate-demo/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">FREE DEMO</a> | <a href="https://demo.essentialplugin.com/prodemo/post-grid-and-filter-with-popup-pro-demo/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">PRO DEMO</a>
✅ Essential Plugin Bundle Deal
<a href="https://www.essentialplugin.com/pricing/?utm_source=WP&utm_medium=Post-Grid-and-Filter&utm_campaign=Read-Me" rel="nofollow ugc">Annual or Lifetime Bundle Deal</a>
<h4>✅ Features include:</h4>
<ul>
<li>Added Gutenberg block support.</li>
<li>Post Grid</li>
<li>Post Filter</li>
<li>Easy to add.</li>
<li>Also work with Gutenberg shortcode block. </li>
<li>Elementor, Beaver and SiteOrigin Page Builder Native Support (New).</li>
<li>Divi Page Builder Native Support (New).</li>
<li>Fusion Page Builder (Avada) Native Support (New).</li>
<li>Given 2 designs.</li>
<li>Media size i.e. thumbnail, medium, medium_large, large and full</li>
<li>Responsive.</li>
<li>You can create multiple post slider with different options at single page or post.</li>
<li>Fully responsive. Scales with its container.</li>
<li>100% Multi Language.</li>
</ul>
<h4>Privacy & Policy</h4>
<ul>
<li>We have also opt-in e-mail selection, once you download the plugin , so that we can inform you and nurture you about products and its features.</li>
</ul>

Post grid and filter ultimate

A quick, easy way to display WordPress post in grid view and post grid with filter. Also work with Gutenberg shortcode block.

Better Post & Filter Widgets for Elementor vs Post grid and filter ultimate