Divi Popover Plugin

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

Upgrade to Premium Membership for Access

Create and Manage Divi Popovers with Ease.

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.

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

Screenshots

FAQ –┬áDivi Popover Plugin

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

Need Support?

You can either contact us or check the Knowledgebase
KnowledgebaseContact Us

Get Access to our Themes & Plugins

Trusted by 1000+ Websites

Become a member to use our themes & plugins for an unlimited number of sites. Free and Premium options!

30-Day Money Back Guarantee

Not satisfied? Your money back, no questions asked.