Popups for Divi

Beschreibung

No configuration needed. Simply activate the plugin and add the CSS class „popup“ and ID tag to a divi section. To open the popup you only need to place a link on the page with the URL pointing to the section ID.

Example:

  1. Edit a section and set the ID to „newsletter-optin“ and CSS class to „popup“
  2. Add a link (or button, etc) on the page with the URL „#newsletter-optin“
  3. All done, save the page! When a visitor clicks on your new link the popup will be opened.

You can find more details, examples and full documentation here:

Plugin website

Tested in all mayor browsers on Windows and Mac: Chrome, Firefox, Safari, IE 11, Edge

Screenshots

  • This is a normal Divi page, before adding a popup.
  • Step 1: Modify the section and add the "popup" class, as well as an ID.
  • Step 2: Add the popup-ID as a button link. Clicking this button will show the popup.
  • That's all. Save the page and open it up without the editor. All popups are initially hidden.
  • Click on the "Contact" button displays the popup. You can style the Divi section (change the width, background-color, etc) or customize the CSS of the popup...
  • ...check out the extensive API documentation and popup samples on philippstracker.com

Installation

Install the plugin from the WordPress admin page „Plugins > Install“

or

  1. Upload popups-for-divi directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‚Plugins‘ menu in WordPress

FAQ

How much performance does Popups for Divi need?

Actually none! We designed it with maximum page performance in mind. Our tests did show literally no change in page loading speed.

The plugin will add a single line of CSS to the page output and load one JS and CSS file that currently are about 7 kb in size and are cached by the browser after first page load.

Is Popups for Divi compatible with Caching plugins?

Yes, absolutely! There is no dynamic logic in the PHP code like other popup plugins have. Popups for Divi is a little bit of PHP but the main logic sits inside the small javascript library it provides. It works on the client side, and therefore is not restricted by caching plugins.

Is this plugin compatible with every Divi version?

This plugin is kept compatible with the latest Divi release.

We did test it with all releases since the initial Divi 3.0 release. Possibly it will also work with older versions, but it is not confirmed yet.

Does this plugin also work with other themes/site builders?

Yes, actually it will! But out of the box it is optimized to work with Divi. If you use any other theme or site builder then you need to change the default options of the plugin via the evr_divi_popup-js_data filter.

For more details visit https://philippstracker.com/divi-popup/

Rezensionen

I like it

Thank you, you saved my day. So easy to use and does its job 😉 I tried so many plugins and they all had some problems. This one s perfect for me - thanks again 😀 Irene from germany ...

Simple but great

A must have plugin when you build a website with Divi. Very easy to setup and to customize, you can pop-up almost everything!
Lies alle 13 Rezensionen

Mitwirkende & Entwickler

„Popups for Divi“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Popups for Divi“ wurde in 4 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Popups for Divi“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

1.3.1

  • Plugin tested with WordPress 5.1.1 and Divi 3.21.1
  • Improve: Popup sections now support animations! Add those „Number Counters“ and zoom-in images in your next popup.
  • Fix: Certain Divi settings could prevent popups from being opened, as the trigger-click-event could be intercepted by a differnt Divi module. Not anymore. The unstoppable Popup!
  • Fix: Minor javascript errors fixed, when „triggerClassPrefix“ was set to false via the WP filter.

1.3.0

  • Added trigger: Use class name „show-popup-demo“ to show the popup „demo“ on click. Can be used to change any element into a popup trigger!
  • Improve: The default value of the popup-debug option is taken from WP_DEBUG. You can see debug infos in your browser console while WP_DEBUG is enabled.
  • Improve: Better compatibility with Divi Child-themes (and Non-Divi themes).
  • Fix: Custom „close“ buttons inside a popup will now close the popup before following the link or scrolling the page.
  • Fix: Popups will now work with themes that do not have the default „#page-container“ div.

1.2.3

  • Fix: jQuery „invalid expression“ error is gone.

1.2.2

  • Fix: Fully compatibile with Divi 3.1.16 and higher.
  • Add: Plugin is now backwards compatibile until php 5.2.4 – before this, the plugin required php 5.4 or higher.

1.2.1

  • Improve: Faster and smoother handling of popup resizing, without an interval timer!
  • Added Javascript event: $(‚.popup‘).on(‚DiviPopup:Init‘, …)
  • Added Javascript event: $(‚.popup‘).on(‚DiviPopup:Show‘, …)
  • Added Javascript event: $(‚.popup‘).on(‚DiviPopup:Hide‘, …)
  • Added Javascript event: $(‚.popup‘).on(‚DiviPopup:Blur‘, …)
  • Added Javascript event: $(‚.popup‘).on(‚DiviPopup:Focus‘, …)

1.2.0

  • Feature: Popups now support Divi loading animations!
  • Improve: Popups will now correctly limit the size after the contents are changed, e.g. when accordeon is expanded.
  • Bugfix: The Popups For Divi plugin now waits until Divi could initialize all components, before creating popups.

1.1.0

  • Feature: Yay! All Popups now have a close-button in the top-right corner by default.
  • Feature: Pressing the escape key will now close the currently open popup.
  • Improve: The active popup now has an additional CSS class is-open that can be used for styling inactive popups.
  • Improve: CSS and JS code is now minified.

Thanks for your feedback and all the positive comments and reviews you posted! You are awesome 🙂

1.0.3

  • Improve: Apply custom modules styles to elements inside popup
  • Fix: Correct popup preview in visual builder

1.0.2.3

  • Minor: Fixes in the readme.txt and naming of assets/language files

1.0.2

  • Minor: Added link to the plugin documentation inside the plugins list
  • Minor: Make plugin translateable

1.0.1

  • Added: Support for lazy-load plugin

1.0

  • Initial public release
  • Added trigger: Click
  • Added trigger: on-exit
  • Added JavaScript API: DiviPopup.openPopup()
  • Added JavaScript API: DiviPopup.closePopup()
  • Added JavaScript API: DiviPopup.showOverlay()
  • Added JavaScript API: DiviPopup.hideOverlay()
  • Added WordPress filter: evr_divi_popup-js_data