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!

RadiusTheme

Mamunur Rashid

We launched Classified Listing Toolkits, which features several Elementor widgets and Divi modules to help you elegantly display listings in diverse layouts.
This plugin is an extension of the <a href="https://wordpress.org/plugins/classified-listing/" rel="ugc">Classified Listing – Classified ads & Business Directory Plugin</a>, adding additional flexibility and customization options across multiple page builders.
When you use this Toolkits with our <a href="https://www.radiustheme.com/downloads/classified-listing-elementor-builder/" rel="nofollow ugc">Archive & Single Page Builder</a> pro addon, you can easily build professional archive and single pages inside Gutenberg, Elementor, and Divi editors and on your directory websites.
<h3>Elementor Widgets</h3>
Let’s learn about each Elementor widget you’ll get with Classified Listing Toolkits:
<ul>
<li>Listing Category: The Listing Category widget lets you display listing categories in 2 different styles. This widget helps you display listings by a specific category. Plus, you can showcase ad count, listing description, and other things.</li>
<li>Category Slider: The Category Slider lets you include the listing category in a slider with 2 layout styles. This widget also offers settings to control the category limit, listing count, category description, etc.</li>
<li>Single Location: Single Location helps you display a particular location and its ad count in different layouts. It also has settings to customize its appearance and control the ad count and link visibility.</li>
<li>All Locations: This widget allows you to display all listing locations in grid or list format. It also lets you show each location’s ad count and reorder locations by title, ID, date, or other elements.</li>
<li>Listing Showcase: It enables you to display the listings in grid or list format, and each format has multiple layouts! This widget has some settings to let you select column number, number of ads, category, and location, and display ads as you wish.</li>
<li>Listing Slider: This widget helps you showcase listings in a slider with several styles. It also has settings to control diverse listing options, such as the number of listings displayed, show or hide listing content, and more.</li>
<li>Header Buttons: This widget helps you add some buttons like ‘Compare,’ ‘Favourites,’ ‘Chat,’ ‘My Account,’ and more at the top of the page to ensure easy navigation.</li>
<li>Search Form: As you can guess from the title, the Search Form widget allows you to include a search form in a page. It has different search form styles and settings to present the search form uniquely.</li>
<li>Search Form—Sortable [Pro]: This widget works the same as the Search Form widget but has some extra features. You can include or exclude search form fields, customize the search button text, add an icon, and do much more.</li>
<li>Pricing Table: The Pricing Table widget allows you to include a stunning pricing table in diverse styles. Not only this, but it also lets you insert your checkout page link into a CTA button inside the pricing table.</li>
<li>Listing Store: This widget helps you display listing stores on a page in grid and list layouts. It also has settings to control content visibility, items per page, pagination, etc.</li>
</ul>
<h3>Divi Modules</h3>
Take a look at all the Divi modules that Classified Listing Toolkits offers:
<ul>
<li>Listing Categories: The Listing Categories element allows you to showcase listing categories on your preferred page using the Divi editor. It also has settings to control column number, content visibility, and other options.</li>
<li>Listing Location: This Divi element, powered by Classified Listing, enables you to showcase all listing locations with their ad counts. It also lets you determine the column number, show or hide description, and more.</li>
<li>Listing Single Location: Use this element to exhibit a particular listing location with its listing count. You can also use it to work on content visibility and include a link to your preferred page.</li>
<li>Listings Grid: This Divi element lets you display listings in grid format with diverse grid styles. It also enables you to showcase listings by their types and categories. You can work on other settings, such as determining listings per page.</li>
<li>Listings List: Display ads in list format and help users easily navigate listings. This element has several list layouts to let you professionally showcase ads.</li>
<li>Listings Slider: This element showcases listings in a slider using one of several slider layouts. You can control slider functionality and enhance your ads’ visual appeal.</li>
<li>Listing Search Form: The Listing Search Form element helps you add a powerful search form to a page. You get to present a search form with diverse styles attractively.</li>
<li>Listing Store: This Divi element enables you to present listing stores in either grid or list layouts. It also has options to help you set the post number, show or hide store pagination, and so on.</li>
</ul>

Classified Listing Toolkits

Enhance your Classified Listing plugin with Elementor, Divi support. Seamlessly create and manage listings using intuitive widgets, and elements.

Popups for Divi vs Classified Listing Toolkits