Philipp Stracker

Tim Strifler

Jenn

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 (CAF) is a fast, lightweight WordPress filter plugin that lets visitors instantly filter posts and custom post types by category, tag, or taxonomy — without reloading the page.
Whether you run a blog, portfolio, directory, or events site, CAF makes it easy to add AJAX-powered filtering to any page using a simple shortcode. No coding required.
<h4>⚡ Key Features (Free)</h4>
<ul>
<li>Custom Post Types & Taxonomies – Filter any post type: blogs, portfolios, events, directories, recipes and more.</li>
<li>3 Pre-built Filter Layouts – Get started fast with ready-made filter designs.</li>
<li>4 Pre-built Post Layouts – Choose how filtered results are displayed.</li>
<li>Flexible Design Controls – Customize colors, fonts, spacing and sizing to match your brand.</li>
<li>Simple Admin Panel – Configure everything from one clean settings screen.</li>
<li>Responsive & Lightweight – Optimized for mobile, tablet and desktop without bloating your site.</li>
<li>Regular Updates & Support – Actively maintained with fast support turnaround.</li>
</ul>
<h4>🖥️ Live Demos (Free)</h4>
<ul>
<li><a href="https://trustyplugins.com/simple-blogs-demo/" rel="nofollow ugc">Simple Blogs</a></li>
<li><a href="https://trustyplugins.com/boxed-title-demo/" rel="nofollow ugc">Boxed Title</a></li>
<li><a href="https://trustyplugins.com/glossy-look-demo/" rel="nofollow ugc">Glossy Look</a></li>
<li><a href="https://trustyplugins.com/sidebar-filter-demo/" rel="nofollow ugc">Filter in Sidebar</a></li>
<li><a href="https://trustyplugins.com/dropdown-filter-demo/" rel="nofollow ugc">Dropdown Filter</a></li>
</ul>
<h4>🎯 Who Is This For?</h4>
Category AJAX Filter works great for any content-heavy WordPress site where visitors need to find relevant posts quickly:
<ul>
<li>Blogs – Let readers filter posts by category and tag instantly.</li>
<li>Portfolio Sites – Allow visitors to filter projects by type, technology or client.</li>
<li>Directory Sites – Organize and filter listings using custom taxonomies.</li>
<li>Events & Courses – Let users filter by date, topic or location.</li>
<li>Recipe or Product Sites – Enable filtering by ingredient, cuisine, brand or any custom taxonomy.</li>
</ul>
If your visitors scroll endlessly to find content, CAF solves that with instant AJAX filtering.
<h4>🗂️ Supported Post Types & Taxonomies</h4>
<ul>
<li>WordPress Posts – filter by category and tag</li>
<li>Custom Post Types – portfolios, events, recipes, listings, and any CPT you create</li>
<li>WordPress Categories & Tags – built-in taxonomy support out of the box</li>
<li>Custom Taxonomies & Terms – works with any taxonomy created by plugins or custom code</li>
</ul>
<h4>🔌 Works With Your Existing Tools</h4>
Page Builders — CAF is shortcode-based and drops into any builder: 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 and more.
CPT Plugins — Tested and compatible with <a href="https://wordpress.org/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields (ACF)</a>, <a href="https://wordpress.org/plugins/custom-post-type-ui/" rel="ugc">Custom Post Type UI (CPT UI)</a>, and custom-coded post types.
<h4>How It Works</h4>
Getting started with Category AJAX Filter 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>
<h4>🚀 Category AJAX Filter Pro</h4>
Upgrade to <a href="https://trustyplugins.com/category-ajax-filter-pro" rel="nofollow ugc">Category AJAX Filter Pro</a> for advanced filtering, more layouts and powerful integrations.
More Filter Types
<ul>
<li>Multiple taxonomy filtering — filter by Category + Tag + custom taxonomy simultaneously</li>
<li>Alphabetical / A–Z navigation filter</li>
<li>Checkbox filters with icons</li>
<li>Tabs filter</li>
<li>Voice search</li>
<li>Advanced keyword search</li>
<li>Parent & child category filters</li>
<li>Active filters display (users see and remove applied filters)</li>
</ul>
More Post Layouts
<ul>
<li>Timeline (Simple + Full Width)</li>
<li>Carousel Slider</li>
<li>Masonry (standard + with descriptions)</li>
<li>Rounded Corner</li>
<li>Gradient Border</li>
</ul>
Elementor Loop Builder Support — Apply AJAX filters to any layout built with Elementor’s Loop Builder. Results update instantly inside your existing Elementor design.
Analytics — Track which filters visitors use most. See total clicks, per-taxonomy stats, and time-based breakdowns.
Advanced Pagination — Load More button, AJAX pagination, or traditional navigation — your choice.
Additional Pro Features
<ul>
<li>Default terms preloaded on page load</li>
<li>Sorting options for filtered results</li>
<li>Show/hide post meta (date, author, comment count)</li>
<li>Post animation effects</li>
<li>Translatable text strings (e.g., “All”, “Read More”)</li>
<li>Font Awesome icon support</li>
<li>Google Fonts integration</li>
<li>Scroll-to-results on filter click</li>
<li>Template override support (customizations survive updates)</li>
<li>Developer hooks for custom integrations</li>
<li>Priority support</li>
</ul>
Pro Demo Layouts
<ul>
<li><a href="https://caf.trustyplugins.com/demos/parent-child-category-filter/" rel="nofollow ugc">Parent Child Category Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/multiple-taxonomy-filter/" rel="nofollow ugc">Multiple Taxonomy Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/multiple-taxonomy-horizontal-dropdown-filter/" rel="nofollow ugc">Horizontal Dropdown Filter (Modern)</a></li>
<li><a href="https://caf.trustyplugins.com/demos/multiple-taxonomy-dropdown-filter/" rel="nofollow ugc">Multiple Taxonomy Dropdown Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/alphabetical-navigation-filter/" rel="nofollow ugc">Alphabetical Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/tabs-filter/" rel="nofollow ugc">Tabs Filter</a></li>
<li><a href="https://caf.trustyplugins.com/demos/simple-timeline/" rel="nofollow ugc">Simple Timeline</a></li>
<li><a href="https://caf.trustyplugins.com/demos/full-width-timeline/" rel="nofollow ugc">Full Width Timeline</a></li>
<li><a href="https://caf.trustyplugins.com/demos/carousel-slider/" rel="nofollow ugc">Carousel Slider</a></li>
<li><a href="https://caf.trustyplugins.com/demos/masonry-layout/" rel="nofollow ugc">Masonry Layout</a></li>
<li><a href="https://caf.trustyplugins.com/demos/masonry-with-description/" rel="nofollow ugc">Masonry With Description</a></li>
<li><a href="https://caf.trustyplugins.com/demos/gradient-border/" rel="nofollow ugc">Gradient Border</a></li>
<li><a href="https://caf.trustyplugins.com/demos/full-rounded-corner/" rel="nofollow ugc">Full Rounded Corner</a></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>
<h4>📥 Import Ready-Made Layouts</h4>
Don’t start from scratch — import any layout from the demo site in seconds:
<ol>
<li>Visit a demo page and copy the exported JSON.</li>
<li>Paste it into the Import tab in the CAF admin panel.</li>
<li>Click Import — done.</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>
<h4>🛠️ Coming Soon: CAF Builder</h4>
We’re building a visual drag-and-drop builder for filters and post layouts. Design the UI, connect your taxonomies and custom fields, and create fully custom filtering experiences — no code needed. Stay tuned.

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

Instantly filter WordPress posts and custom post types by category, tag or taxonomy — no page reload. Works with Elementor, Divi, Gutenberg and more.

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