MakeITeasy Popup

Need popups to grab your users' attention? Marketing call-to-actions that open on scroll, timer, click, matched referer or even hover? Multiple popups on one page? This plugin has it all. It provides styling consistent with core block editor blocks plus additional features. Why choose Makeiteasy Popup? ▶️ Unlike some other plugins, Makeiteasy Popup integrates seamlessly with WordPress, feeling like a native, built-in WP block. It’s lightweight and self-sufficient, without the heavy burden of a large blocks library. It relies on a single tiny dependency - micromodal.js - with a combined total of only 10 kB of JavaScript❕ 👆 Try demo - there is a "Live preview" button on the top of this page 👆 ❗ Sometimes "Live preview" does not start due to slower responds of servers with resources. If progress stops with black screen or progress indicator does not advance anymore (loading should be finished at max 30 seconds) - in that case please refresh the page in browser. Key Features

• 🥇 Feature-Rich and free.
• 🥈 Fully Open Source: Including the block source code. Fork and adjust as needed.
• 🥉 Developer friendly: Hooks for modifications and unopinionated starting CSS.
• ⏲️ Future-Proof Compatibility: Guaranteed compatibility with future WordPress versions.

🆕✨ Improved handling of long content in popups. Mobile sizing is improved as well. ⚠️ This is the last version which will support WordPress 6.5 and below. I am switching to newer development environment which is WP6.6+ compatible. Please open ticket in support section if that's a problem.

From block editor: Search for 'makeiteasy popup' in the block editor when adding a new block via the '+' sign in the top bar. Standard Installation:

1. Install the plugin through the WordPress plugins screen directly or upload the plugin files to the /wp-content/plugins/makeiteasy-popup directory.
2. Activate the plugin through the 'Plugins' screen in WordPress

1.2.0 Improved styling when content in popup is greater in height than popup window - a scrollbar appears. To achieve that, display: grid is used when close button is beside content, while before it was flex. When blocks inside (some third party blocks) have absolute positioning and when popup width is not set, popup can be too small. In such cases, an auto-detection procedure is added which sets width to default theme content width if block is too narrow and increases height if it is too short. Fixed occurrence of null in classes on wrapper. 1.1.5 Small fix for incorrect button background on mobile device. 1.1.4 Introduced internationalization. Fixed positioning above all elements for overlay popups which incorrectly could be below some elements. Improved layout for disabled popup. Improved restoring modality type when choosing hover and then different opening type. 1.1.3

• Bug fix where if popups with time delay for repeated opening were used, some attached popups may not attach.

1.1.2

• Bug fix for setting same width of popup as attached element
• Enhancement - choosing width same as attached element for any type of block opening

1.1.1

• Introduced setting width of popup to same width as element (only for opening on hover)
• Bug fixes

1.1.0

• Added opening once in interval per user
• Added opening on matching URL referer
• Added accessibility label for dialog
• Small CSS fixes

1.0.0

• Initial Release