PopBox For Elementor

Description

PopBox for Elementor allows the creation of beautiful templates with Elementor Page Builder for use with the included Popbox overlay script.

An Admin menu will be added on your WordPress Dashboard sidepane named PopBoxes. This is the custom post type (CPT) you’ll use to create the content of the PopBoxs.

A custom module will also be added to Elementor Page Builder edit screen to be used for the customization of the trigger button embedded on your page.
Simply select one of the PopBox content created via the CPT to be shown when the trigger button is clicked.

WP Elevation Studio Troy Dean shows us how to use PopBox for Elementor to create easy and stunning popup forms:

Installation

  1. Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

Go to settings > permalinks and click save. (you need to do that in order to register the popup post types.)

FAQ

Installation Instructions
  1. Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress

Go to settings > permalinks and click save. (you need to do that in order to register the popup post types.)

Reviews

Conflicts with Bootstrap

This plugin loads Bootstrap on it’s own and the plugins modals styling overrides standard Bootstrap styling. You shouldn’t load and override the default styling of a vastly used library in your plugin.

Very much useless if you’re using it on a Bootstrap based theme.

Feeling very fortune

I thought that I saw this plugin before in the past, and in my memory it was split into free and pro/premium and that there were restrictions, but I must have it confused with something else.

I also thought that it was a “step out of the way” to have a custom post type just for making the content, rather than building out the content right in Elementor, but the more I think about it, this is a nice, compartmentalized way to do it, it takes zero time (it might be slower and unwieldy to do it right in Elementor, honestly), plus it’s treated like a regular post or page, so you can do default WordPress content or make the popup’s content itself in Elementor (and it’s responsive inside the popup!)

Here’s the crazy reality: This could be a paid plugin for its usefulness, because someone asked me if there was an easy way to do popups in Elementor, I installed this, made a new post, added some content, went to an Elementor page, dropped this plugin’s button widget on there, told it the post I wanted it to steal from, and it just worked. The whole process was maaaaybe two minutes? That’s intuitive!

Oh, and the sheer amount of controls for styling is insane. The button controls are reminiscent of the actual button widget (adding icons and such) and everything about the popup is not only available (like the color for the close button) but mostly editable by screen size (changing the max width of the popup depending on the screen width, for example).

Can’t say enough. Thank you for this gift!

Read all 19 reviews

Contributors & Developers

“PopBox For Elementor” is open source software. The following people have contributed to this plugin.

Contributors

Translate “PopBox For Elementor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.7

  • FIX: Critical bug where the popup backdrop was being displyed on mobile devices even though the popup was not firing.
  • FIX: Critical bug that caused conflict with Testimonial slider.
  • TWEAK: Adjusted CSS rule that was causing the popup to block certain elements.

1.0.6

  • NEW: Added On Page load popup module – does not fire on mobile devices.
  • NEW: Added a Switch control to load the stop Video propagation script when the popup is closed.
  • EXPERIMENTAL: Track PopBox button click event through Google Analytics – needs testing and feedback.
  • NEW: Regenerated a new pot file easier plugin translation
  • TWEAKS: Minor CSS tweaks

1.0.5

  • FIX: PHP Error of undefined variable $close

1.0.4

  • NEW: Added controls for close button text.
  • TWEAK: Elevated PopBox’s z-index when modal is open.
  • TWEAK: Refactored Button style options and moved the border controls into their own settings tab.
  • TWEAK: Button Typography moved to button content options for better arrangements

1.0.3

  • FIX: Double scrollbar on sites running on Astra & OceanWP themes.

1.0.2

  • FIXED: Left window shift when modal is open on some themes – Fixes: https://wordpress.org/support/topic/bug-with-a-moving-button-and-extra-gap/.
  • NEW: Added option to switch close button position.
  • NEW: Added option to increase/decrease close button size.
  • NEW: Added option for close button padding – see ineditor description on limitations.
  • TWEAK: Moved close button color control to the Style tab under Modal content.

1.0.1

  • FIXED: Bug with non Elementor authored content not showing in the PopBox – Fixes: https://wordpress.org/support/topic/not-working-video/

1.0.0

  • FIXED: Issue when video contained in a popup did not stop playing after the closing – See topic: https://wordpress.org/support/topic/videos-in-popups/
  • Code tidyup
  • NEW: Added modal_for_elementor_fail_load() function to handle graceful fallback when Elementor is not active.
  • NEW: Added modal_for_elementor_fail_load_out_of_date() function to handle graceful fallback when Elementor version is out of date – Required version set to v1.8.5.
  • NEW: Background color control for modal content window.
  • NEW: Border and Border radius controls for modal content window.
  • TWEAK: Changed widget category to norewp-elements (NoreWP’s Elementor Modules) for better representation and future enhancements.
  • TWEAK: Reorganized Controls for better workflow
  • TWEAK: Modal Max Width control moved to Style > Modal Container for better grouping.
  • TWEAK: Moved button typography to below text padding for better workflow.
  • TWEAK: Removed hardcoded content window box shadow and added Shadow Control for maximum control
  • TWEAK: Minor CSS adjustments
  • Renamed plugin to PopBox For Elementor.

0.1.6

  • Minor bug fixes

0.1.5

  • Plugin initial release