Select Page

Divi Popover Plugin

Create popovers / overlays / modal content using Divi. Show popovers with an image / button / link click or an exit trigger.

It uses custom post type and divi builder to manage divi overlays/popovers/modal content. Use available divi modules to create the popover content. Manage popover styles using a theme customizer. Use the custom divi modules or the anchor shortcode to trigger popovers.

Create and Manage Divi Popovers with Ease.

Custom Post Type

Makes popover content management easy. Use the power of divi builder along with the available modules to create popover content.

Custom Divi Modules

Trigger popovers with custom divi modules. Image, button, exit trigger modules are available for use. A link trigger shortcode is also available.

Theme Customizer Support

Style the popover background, content and close buttons using Theme Customizer. Make the popover design consistent with your website style guidelines.

Popover Content Post Type

Use the Popover Content Custom Post Type to create and manage popover content.

Divi builder is enabled for this post type. You can use any of the available divi modules in your divi builder.

Use the power of divi builder on the easy-to-manage post type to create beautiful popover content.

Custom Divi Modules

Show popovers using custom divi modules like

  • Image Triggered Popover.
  • Button Triggered Popover.
  • Exit Intent Popover.
Image Triggered Popover

Use the Image Triggered Popover to trigger a popover on click of an image. This module is based on the Divi Image module.

In the module, ensure that you

  • Setup an image field.
  • Select a popover content item from the dropdown. Popover will trigger with content from this item.
Button Triggered Popover

Use the Button Triggered Popover to trigger a popover on click of a button. This module is based on the Divi Button module.

In the module, ensure that you

  • Setup an button text and styles.
  • Select a popover content item from the dropdown. Popover will trigger with content from this item.
Exit Intent Popover

Want to trigger popover when an user intents to exit a page on your website? The Extent Intent Popover does that.

Control the number of popover displays per session. Also control if you want to show the popover once per page visited.

With this module you can increase user retention, grow your leads and more.

Theme Customiser Integration

The Theme Customizer

Theme Customizer is the default way to style a your WordPress website. Divi Popover plugin adds Theme Customizer support for styling popover background, content and close button.

Styling Overlay/Background

Popovers have backgrounds to blur the content below the popover. It helps make users focus on the popover content.

Overlay Settings Include

  • Ability to set the transparency using the opacity setting.
  • Controlling the background color
Styling Popover Content

Set the popover content width and padding using this section.

Styling Close Button

Set the button font color and size using this section

How do I use the Popover Anchor Shortcode

Popover Anchor Shortcode

This shortcode helps to trigger a popover when a user clicks on a link.

Shortcode usage:

Tag Name : df-popover-using-anchor-tag

Attribute details

  • css_id : CSS ID selector to uniquely identify the popover.
  • css_class : CSS class selector, incase you want to add generic style to the popover link on your website.
  • popover_id: The post ID of the popover content post type.
  • fallback_url : In case that popover does no work due to some issue on the webpage, a fallback url. As issue with the webpage is usually caught during development. Ideally this fallback url should never be used.
  • anchor_text: Link text.

How do I use the Popover Content Post Type?

Please visit this documentation

How do I use the Divi Popovers Theme Customizer

Please visit this documentation

How do I use the Exit Intent Popover Divi Module

Please visit this documentation

How do I use the Button Triggered Popover Divi Module

Please visit this documentation

How do I use the Image Triggered Popover Divi Module?

Please visit this documentation

1.2.1 - October 11, 2018
  • Fixed unicode issue with button popover module
1.2.0 - May 25, 2018
  • Added overlay background and opacity fields for divi modules.
  • Fixed overlay background and opacity style issue when multiple overlays exists on the same page
1.1.2 - May 25, 2018
  • Multiple popovers on the same page causes issue when same anchor ID is used. For example when using multiple popover from a global section
1.1.1 - May 18, 2018
  • Initial version.
Product Image Divi Popover Plugin

Subscription Options

A subscription entitles you to 1 year of updates and support from the date of purchase. If you’re unhappy with your purchase, no worries – we offer a 30-day money-back guarantee.

Dependancies

Details

Version1.2.1
Last Updated2018-10-11
RequiresWordPress 4.8+
TestedWordPress 4.9.8
Change LogView

Divi Framework - build anything with Divi to create your online business.

30 day money back guarantee

Safe & Secure online payment

Support team & documentation