Makeiteasy Popup

Description

Need a popups for notices for your users? Marketing call to actions opening on scroll or timer, click on element or even on hover on some element? Several popups on one page?
This plugin has it all. Styling of the block is the same or similar as block editor core blocks + more.

There are plenty of such plugins. Why should I use this one?

❗Incorrect. This plugin feels like having native, built-in WP block. Plugin is self – sufficient, without heavy burden of having large blocks library, you can install it only there where you need it.
It has only one very tiny dependency – micromodal.js – together with plugin popup handling code only 10 kB of js❗

Still not convinced. Different from others?

  • Fully Open source code including block source code. You can freely fork this code and adjust it according to your project needs.
  • Developer friendly: hooks for upgradable modifications, unopinionated starting css.
  • Lot of features and free.
  • Compatibility with future versions of WordPress guaranteed.

Known limitations

Opening several modal popups is impossible due to limitations of Micromodal.js library used. In the future versions, removal of this library is planned and changing to native Dialog HTML element. Automatic migration of popups to new code will be available.

Block options

There are many options which block provides in block sidebar. Most of them function the same as for other blocks, but I will empasize some of them here to show possibilities and clarify functioning:
– Opening time selector: see section below
– Layout type: floating is centered (use css to move it around if it should not be exactly in the center), fixed is block sitting on some side of the screen, while attached is popup near to other element, one example is tooltip. This type also moves with element as you scroll.
– Popup is enabled – perhaps you want to hide popup for a while, but keep it to show it later. Disable this toggle button.

Development & source

https://github.com/Lovor01/makeiteasy-popup

Screenshots

  • Standard modal popup
  • Popup attached to top of screen, modeless
  • Various elements in popup
  • Modeless popup attached to element

Blocks

This plugin provides 1 block.

  • Makeiteasy Popup Example block scaffolded with Create Block tool.

Installation

You can install the plugin in usual way, however, the easiest way to get it is in block editor, by entering search phrase ‘makeiteasy popup’ or similar while inserting new block with ‘+’ sign in top bar.

“Usual” way:

  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

FAQ

Waiting for your questions

I’ll answer them here.

Reviews

July 1, 2024
Utilizing blocks at their best. I love the unopinionated approach; it makes customization a breeze in countless possible ways. Great out-of-the-box functionality for less savvy developers, with lots of useful options and interactions. Special kudos for the different layouts (floating, fixed, attached) and modality features (modal, modeless). Looking forward to new development features like JS and PHP hooks.
Read all 1 review

Contributors & Developers

“Makeiteasy Popup” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Makeiteasy Popup” 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.0

  • Initial Release