WP Smart Widgets

<p>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.</p>
<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>
<p><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.</p>
<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>
<p><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.</p>
<h3>Create Loop Grids for Free:</h3>
<p>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.</p>
<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>
<p>Tailor the widget to your needs with the help of a dedicated filters.</p>
<h3>Connecting the Filter Widget</h3>
<p>To link your Filter Widget to a Post or Loop Grid widget, follow these steps:</p>
<ol>
<li>Open the Post Widget settings in Elementor.<br />
Go to the Advanced tab and enter the following in the CSS Classes field:<br />
results</li>
<li>Open your Filter Widget.<br />
In the Post Widget Target field, enter:<br />
.results</li>
<li>Save the page. The filter will now update the correct widget.</li>
</ol>
<p>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 #).</p>
<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>
<p>Find support for this plugin in the <a href="https://wpsmartwidgets.com/doc/better-post-and-filter-widgets/" rel="nofollow ugc">documentation</a>.</p>
<h3>Source Code</h3>
<p>This plugin includes both compressed and uncompressed versions of CSS and JavaScript files and can be found under the <code>/assets/</code> directory.</p>


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!

Trusty Plugins

<h4>Support Elementor Builder</h4>
<p>Filter posts/custom post type’s posts by category without reload the page. Select specific taxonomy and terms to show on the frontend. It uses ajax request to filter the posts with many pre-build layouts. Use awesome admin panel to control everything on the frontend like filter layouts, filter color combination, post layouts, post color combination, font size, font-family, pagination etc. Showcase for any type of posts/custom post types.</p>
<h4>Support Divi Builder</h4>
<p>Sort Posts/Custom post Types with Ajax functionality. Sort posts with Categories without page reload. It seamlessly loads the posts in a specific section without page reload and with pagination.</p>
<h3>Blog Filter with Ajax</h3>
<p>Filter your blogs or articles with ajax now. It will work with taxonomy selection and specific terms too. You can select custom/taxonomy, categories, Tags to filter the blog posts with ajax/without page reload. Pagination will work without page reload.</p>
<h3>Custom Post Type & Taxonomies Support</h3>
<p>It does not work only for blog posts, It will support custom post types too. You can filter custom post types posts with ajx filter. You can select specific custom taxonmoies and their terms to showcase. In PRO version you can modify the post layout too. If you want to use custom fields in posts then you can achieve it by using PRo plugin.</p>
<h3>Filter any Posts without page Reload</h3>
<p>CAF plugin will work to filter the posts without any page reload. You can browse any categories and pagination too without any page Reload.</p>
<h4>Support WP Bakery</h4>
<h3>Whats in PRO?</h3>
<ol>
<li>Analytics Feature, Check your used filter’s insights [clicks]</li>
<li>Overwrite/Modify any of the Filter/Post Layout OR templates Modules to your used theme so it will not effected after plugin upgrade.</li>
<li>Developer Hooks</li>
<li>Selection to Multiple Taxonomy/ Terms</li>
<li>Multiple Taxonomy Filter Added </li>
<li>Default Terms Selection on Page loads</li>
<li>Auto term selection on Category page</li>
<li>Search bar Feature</li>
<li>More filters/Post Layouts Added</li>
<li>Load More Button </li>
<li>Sorting options</li>
<li>Ability to hide/show post elements on any layout [title,image,meta,categories,read more,content]</li>
<li>Post Animation Effects</li>
<li>Translation feature for used default strings [All,read more etc]</li>
<li>Font-Awesome Icons for filter terms/categories</li>
<li>Google Fonts family </li>
<li>Scroll to CAF Container on category click</li>
<li>Parent/child category terms filter Layout</li>
</ol>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/OOnLUnPuYgA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<a href='https://trustyplugins.com' rel="nofollow ugc">CAF PRO DEMO</a> | <a href='https://trustyplugins.com' rel="nofollow ugc">BUY PRO</a></p>
<h4>Do you need filter for woo products/shop ?</h4>
<p><a href='https://wordpress.org/plugins/trusty-woo-products-filter/' rel="ugc">Trusty Woo Products Filter</a></p>
<h3>How It Works</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/iwHcM57q92U?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
1. After plugin activation you will get new menu ‘Category Filter’<br />
2. Click on ‘Add new’ and do your layout settings for frontend.<br />
3. Select filter layout and post layout with specific options.<br />
4. Go to ‘shortcode’ Tab and copy your shortcode and paste in any section of the page.</p>
<h3>Best Usage</h3>
<ol>
<li>Import Layout from our official demo website <a href='https://trustyplugins.com' rel="nofollow ugc">trustyplugins.com</a> </li>
<li>Go to layouts page and get exported JSON code.</li>
<li>
<p>Now you just need to put that JSON code in import tab of plugin’s admin panel.</p>
</li>
<li>
<p>Click on Import and CHEERS!!!</p>
</li>
</ol>
<h3>Watch Videos</h3>
<p><iframe loading="lazy" title="How to import Demo Layout in Category Ajax Filter (Free Version)" width="750" height="422" src="https://www.youtube.com/embed/uyEhRD0RiP0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>


Category Ajax Filter


I emailed support to ask about an update error and they got back to me within minutes with a helpful solution. Thank you!


Support is a hero

Filter blog posts/custom post types by custom taxonomy/category without page reload and with pagination too. It has different filter and post layouts.

Better Post & Filter Widgets for Elementor vs Category Ajax Filter