Philipp Stracker

Jenn

Tim Strifler

After the plugin is activated, the Visual Builder displays a new tab called “Popup” in the Section Settings modal. In the “Popup” tab, you can turn a regular Section into a Popup!
It’s super simple, as you can see on the plugins Demo Page: <a href="https://divimode.com/divi-popup/demo/?utm_source=wporg&utm_medium=link&utm_campaign=popups-for-divi" rel="nofollow ugc">divimode.com/divi-popup/demo</a>
ℹ️ How it works
First, activate the plugin (no configuration needed!)
<ol>
<li>Open up your Visual Builder and edit a Section – you’ll see a new “Popup” tab in the Section Settings.</li>
<li>Toggle the option “This is a Popup” and set the “Popup ID” to something (e.g., “<code>newsletter-optin</code>“). Close the Section Settings.</li>
<li>Add a Button Module somewhere else on the page and set the “Link URL” to your Popup ID, with a leading “#” hash (e.g. “<code>#newsletter-optin</code>“)</li>
<li>That’s all. Save the page and exit the Visual Builder! Click on the button, and you’ll see your Popup. Congratulations!</li>
</ol>
⭐️ Additional details
Check out the <a href="https://divimode.com/divi-popup/?utm_source=wporg&utm_medium=link&utm_campaign=popups-for-divi" rel="nofollow ugc">Plugin website</a> for more details. You’ll find:
<ul>
<li>Examples</li>
<li>CSS class options</li>
<li>JS API documentation</li>
<li>WP filter documentation</li>
</ul>
Tested in all major browsers on Windows and Mac: Chrome, Firefox, Safari, IE 11, Edge!
Popups for Divi Course
During the past years, we’ve added a ton of features and have created a stable and powerful marketing plugin.
To celebrate the anniversary, we have created a six-day course that teaches you everything about the plugin. It walks you through the basics of creating your first Popup, shows possible ways to customize your Popup layouts and goes into advanced techniques and usages of the plugin.
<blockquote>
“The instruction emails really helped me to understand how to use the plugin correctly!”
</blockquote>
The course is available in your wp-admin Dashboard right after you install and activate the plugin. Check out the screenshots to see the form. Also, have a look in the FAQ section, if you want to disable this feature.
🥳 Want more?
If you want to get the most out of Divi, you need to have a look at <a href="https://divimode.com/divi-areas-pro/?utm_source=wporg&utm_medium=link&utm_campaign=popups-for-divi" rel="nofollow ugc">Divi Areas Pro</a> to get additional features:
<blockquote>
<ul>
<li>An admin UI to create and configure your popups</li>
<li>Choose between 4 Area Types: Popup, Inline, Fly-in, Hover</li>
<li>A beautiful UI that blends in perfectly with Divi</li>
<li>Add advanced triggers to your Areas:
<ul>
<li>On click</li>
<li>On hover</li>
<li>On scroll</li>
<li>After delay</li>
<li>On Exit</li>
</ul>
</li>
<li>Customize the Area Display
<ul>
<li>Show on certain pages</li>
<li>Show on certain devices</li>
<li>Show for certain user roles or guests</li>
</ul>
</li>
<li>Customize Area Behavior
<ul>
<li>Show/Hide the Close button</li>
<li>Display the Area once per hour, day, week, …</li>
</ul>
</li>
<li>Flexible position for Inline Areas
<ul>
<li>Replace/extend the page header</li>
<li>or Footer</li>
<li>or Comment section</li>
<li>or actually any Divi section inside the page content</li>
</ul>
</li>
<li>It comes with an extended version of the JS API</li>
<li>Great documentation built into the plugin and an online knowledge base</li>
<li>and much more…</li>
</ul>
👉 <a href="https://divimode.com/divi-areas-pro/?utm_source=wporg&utm_medium=link&utm_campaign=popups-for-divi" rel="nofollow ugc">Learn more about Divi Areas Pro</a> (with screenshots!)
</blockquote>

Popups for Divi

I would request to improve it constantly, thank you 

Great Plugin


I inherited a client site with 4 other popup builder plugins installed. None worked after I updated Divi theme to its latest version. This plugin worked very well and had good documentation, which was helpful because it's a smart but non-obvious way to add and design popups in the Divi visual editor.



One area for improvement is built-in popup templates to choose from, such as borders, modal background designs (stripes), etc.


It works well, very easy and smart

A quick and easy way to create Popup layers inside the Divi Visual Builder!

Trusty Plugins

Category AJAX Filter lets you instantly filter WordPress posts and custom post types using categories, taxonomies and tags with AJAX-powered filtering — without reloading the page.
It includes pre-built layouts and an easy-to-use admin panel to manage categories, tags, styling options, pagination and more. Fully compatible with Elementor, Divi, WPBakery and Gutenberg, CAF helps you create powerful WordPress post filters and custom post type filters to organize and display your content in a fast and user-friendly way.
<h3>Key Features of Category AJAX Filter (Free)</h3>
<ul>
<li>Supports Custom Post Types and Taxonomies – Filter content from any post type including blogs, portfolios, directories and more.</li>
<li>3 Pre-built Filter Layouts – Quickly create filters using ready-made layouts without complex setup.</li>
<li>4 Pre-built Post Layouts – Display filtered results using multiple post layouts for different design styles.</li>
<li>Flexible Design Options – Customize colors, fonts, sizing, spacing, and layout to match your website design.</li>
<li>Easy-to-use Admin Panel – Simple controls make it easy to configure filters and manage settings.</li>
<li>Responsive and Lightweight – Fully optimized for mobile, tablet and desktop with fast performance.</li>
<li>Regular Updates and Quick Support – Continuous improvements and support to keep your site running smoothly.</li>
</ul>
<h3>Live Demos ( Free ) – See Category AJAX Filter in Action</h3>
Check out the live demo to explore AJAX-powered filtering, different layouts and how posts update instantly without reloading the page. 
* <a href="https://trustyplugins.com/layouts/caf-layout-1/" rel="nofollow ugc">Simple Blogs</a> 
* <a href="https://trustyplugins.com/layouts/caf-layout-2/" rel="nofollow ugc">Boxed Title</a> 
* <a href="https://trustyplugins.com/layouts/caf-layout-3/" rel="nofollow ugc">Glossy Look</a> 
* <a href="https://trustyplugins.com/layouts/caf-layout-4/" rel="nofollow ugc">Full Width</a> 
* <a href="https://trustyplugins.com/layouts/filter-in-sidebar/" rel="nofollow ugc">Filter in Sidebar</a> 
* <a href="https://trustyplugins.com/layouts/caf-layout-4/" rel="nofollow ugc">Dropdown Filter</a>
<h3>Perfect For Many Types of WordPress Websites</h3>
Category AJAX Filter is ideal for websites with large amounts of content where visitors need a quick way to find relevant posts or listings.
It works great for:
<ul>
<li>Blog Category Filtering – Let readers filter blog posts by categories and tags.</li>
<li>Custom Post Type Websites – Easily filter content from portfolio items, events, listings or any custom post type.</li>
<li>Portfolio Websites – Display projects and allow visitors to filter them by categories or taxonomies.</li>
<li>Directory Websites – Organize and filter listings using custom taxonomies.</li>
<li>Content-heavy Websites – Help users quickly narrow down results and discover relevant content.</li>
</ul>
With AJAX-powered filtering, visitors can instantly view matching posts without reloading the page, creating a smooth and modern browsing experience.
<h3>Supported Post Types & Taxonomies</h3>
Category AJAX Filter works with default WordPress content as well as custom content structures.
<ul>
<li>Default WordPress Posts – Filter blog posts by categories and tags with instant AJAX results.</li>
<li>Custom Post Types – Display and filter portfolio items, recipes, events, listings or any custom post type.</li>
<li>WordPress Categories & Tags – Use built-in categories and tags to refine results and organize content.</li>
<li>Custom Taxonomies & Terms – Filter posts using custom taxonomies and taxonomy terms created for your custom post types.</li>
</ul>
<h4>Compatible Custom Post Type Plugins</h4>
Category AJAX Filter works with plugins used to create custom post types and taxonomies.
The plugin has been tested with:
<ul>
<li><a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields (ACF)</a></li>
<li><a href="https://wordpress.org/plugins/custom-post-type-ui/" rel="ugc">Custom Post Type UI (CPT UI)</a></li>
<li>Custom-coded post types and taxonomies</li>
</ul>
<h3>Compatible With All Major Page Builders</h3>
Category AJAX Filter (CAF) is shortcode-based, allowing you to place filters anywhere on your website.
CAF works seamlessly with all major WordPress page builders, including Gutenberg, <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a>, <a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi</a> , WPBakery, Oxygen etc.
No matter which builder you use, you can easily add filters to posts, custom post types, categories, and taxonomies without complex setup.
Simply place the shortcode in your page, post, or builder layout and your AJAX-powered filters will start working instantly.
<h3>How It Works</h3>
Getting started with Category AJAX Filter (CAF) is quick and simple. Watch the video below to see how you can create and display filters for your posts and custom post types.
<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>
<h3>Category AJAX Filter Pro Features</h3>
Upgrade to <a href="https://trustyplugins.com/product/filter-posts-by-category-pro/" rel="nofollow ugc">Category AJAX Filter Pro</a> to unlock advanced filtering capabilities, more layouts, powerful integrations and enhanced user experience for content-heavy websites.
<h4>Multiple Taxonomies Support</h4>
CAF Pro allows visitors to filter content using multiple taxonomies at the same time, making it easier to narrow down results and discover relevant posts or listings. 
For example, users can filter content by Category, Tag and a custom taxonomy together to quickly find the most relevant results.
<ul>
<li><a href="https://caf.trustyplugins.com/multiple-taxonomy-dropdown-filter-modern/" rel="nofollow ugc">See Multiple Taxonomy Filtering Demo</a></li>
</ul>
<h4>CAF Pro Demo Layouts (15+ Filter & Post Layout Examples)</h4>
CAF Pro gives you access to 15+ additional filter and post layouts to create more engaging filtering experiences. You can use filter styles like Alphabet filters, Voice Search, Checkbox filters with icons and advanced search layouts to make content discovery easier for visitors.
For displaying results, choose from dynamic post layouts such as Timeline, Carousel, Masonry, Grid variations and more, allowing you to present your posts in visually appealing and interactive ways.
<ul>
<li><a href="https://caf.trustyplugins.com/parent-child-category-filter-vertical/" rel="nofollow ugc">Parent Child Category Filter</a></li>
<li><a href="https://caf.trustyplugins.com/multiple-taxonomy-filter/" rel="nofollow ugc">Multiple Taxonomy Filter</a></li>
<li><a href="https://caf.trustyplugins.com/multiple-taxonomy-dropdown-filter-modern/" rel="nofollow ugc">Multiple Taxonomy Horizontal Dropdown Filter (Modern)</a></li>
<li><a href="https://caf.trustyplugins.com/multiple-taxonomy-dropdown-filter/" rel="nofollow ugc">Multiple Taxonomy Filter Dropdown</a></li>
<li><a href="https://caf.trustyplugins.com/alphabetical-navigation-filter/" rel="nofollow ugc">Alphabetical Navigation Filter</a></li>
<li><a href="https://caf.trustyplugins.com/tabs-filter/" rel="nofollow ugc">Tabs Filter</a></li>
<li><a href="https://caf.trustyplugins.com/layouts/caf-full-width-timeline/" rel="nofollow ugc">Multiple Checkbox Filter</a></li>
<li><a href="https://caf.trustyplugins.com/multiple-filters-on-page/" rel="nofollow ugc">Multiple Filters on Page</a></li>
<li><a href="https://caf.trustyplugins.com/layouts/caf-simple-timeline/" rel="nofollow ugc">Simple Timeline</a></li>
<li><a href="https://caf.trustyplugins.com/layouts/caf-full-width-timeline/" rel="nofollow ugc">Full Width Timeline</a></li>
<li><a href="https://caf.trustyplugins.com/layouts/caf-full-rounded-corner/" rel="nofollow ugc">Full Rounded Corner</a></li>
<li><a href="https://caf.trustyplugins.com/layouts/caf-carousel-slider/" rel="nofollow ugc">Carousel Slider</a></li>
<li><a href="https://caf.trustyplugins.com/layouts/caf-masonry-layout/" rel="nofollow ugc">Masonry Layout</a></li>
<li><a href="https://caf.trustyplugins.com/layouts/caf-gradient-border/" rel="nofollow ugc">Gradient Border</a></li>
<li><a href="https://caf.trustyplugins.com/layouts/caf-masonry-with-description/" rel="nofollow ugc">Masonry With Description</a></li>
</ul>
<h4>Elementor Loop Builder Support</h4>
CAF Pro allows you to add powerful filters to layouts created with Elementor Loop Builder.
First, design your post or custom post type layout using Elementor’s Loop Builder. Then apply CAF AJAX filters on top of that layout so visitors can filter the displayed content using categories, tags, or taxonomies.
When a user selects a filter, the results update instantly on the same Elementor layout without reloading the page. This makes your Elementor designs more interactive and helps visitors quickly find the content they need.
<h4>Analytics Feature</h4>
CAF Pro includes a built-in Analytics feature that helps you understand how visitors interact with your filters.
You can track total filter clicks, see clicks for specific taxonomies, categories and terms, and view statistics based on time such as today’s activity or all-time usage.
This helps you understand which filters are used the most and optimize your content for better user experience.
<h4>Search Feature with Voice Search</h4>
CAF Pro includes an advanced search filter that allows visitors to quickly find content by typing keywords or using voice search <a href="https://caf.trustyplugins.com/layouts/caf-full-width-timeline/" rel="nofollow ugc">Demo</a>. This makes searching faster and more convenient, especially on mobile devices.
<h4>Advanced Pagination Options</h4>
CAF Pro provides flexible pagination options to improve content browsing. You can display results using Load More buttons, AJAX pagination or traditional navigation, allowing visitors to explore more content without refreshing the page.
<h4>Active Filters Option</h4>
CAF Pro can display active filters so users can easily see which filters are currently applied. Visitors can quickly remove individual filters or reset them to explore more results without confusion.
<h4>Additional Features in CAF Pro</h4>
<ul>
<li>Multiple taxonomy & term selection</li>
<li>Default terms (category) on page load</li>
<li>Icons for filter terms and categories (in Filters)</li>
<li>Sorting options for filtered results</li>
<li>Hide or show meta elements (date, author, comment count, etc.)</li>
<li>Post animation effects</li>
<li>Translate default text strings (e.g., “All”, “Read More”)</li>
<li>Font Awesome icon support</li>
<li>Google Fonts integration</li>
<li>Scroll to results container on filter click</li>
<li>Parent and child category filters</li>
<li>Template overwrite support (safe during plugin updates)</li>
<li>Developer hooks for advanced customizations</li>
<li>Priority support</li>
</ul>
<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>
<h3>Import Ready – Made Layouts</h3>
Quickly set up ready-made designs by importing layouts directly from our Category AJAX Filter demo page.
<ol>
<li>Visit the specific demo page and copy the exported JSON code.</li>
<li>Paste the code into the Import tab of the plugin’s admin panel.</li>
<li>Click Import, and your layout will be ready to use.</li>
</ol>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/uyEhRD0RiP0?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>
<h3>Coming Soon – CAF Builder</h3>
We’re working on CAF Builder, a visual builder that will give you full control over how your filters and layouts are created.
You’ll be able to design the UI of filters and post layouts using built-in design tools, while also controlling the functionality using taxonomies, custom fields, and other content data. This will allow you to build flexible filters and fully customized layouts based on your website content.
CAF Builder is designed to make advanced filtering easier, more flexible, and highly customizable. Stay tuned for upcoming updates.

Category AJAX Filter – Advanced Filter for Posts & Custom Post Types

this plugin is awesome, help me a lot with new innovative functions

awesome plugin with unique functions


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 WordPress posts and custom post types by categories, tags, and taxonomies with AJAX-powered filtering — no page reload required.

Popups for Divi vs Category AJAX Filter – Advanced Filter for Posts & Custom Post Types