Title: MakeITeasy Popup
Author: Lovro Hrust
Published: Òkúdù 29, 2024
Last modified: Ẹrẹ́nà 6, 2026
---
Ṣàwárí àwọn plugin
# MakeITeasy Popup
Láti ọwọ́ [Lovro Hrust](https://profiles.wordpress.org/lovor/)
[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/makeiteasy-popup.1.4.0.zip)
[Àkọ́kọ́wò Láaye](https://yor.wordpress.org/plugins/makeiteasy-popup/?preview=1)
* [Àwọn àlàyé](https://yor.wordpress.org/plugins/makeiteasy-popup/#description)
* [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/makeiteasy-popup/#reviews)
* [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/makeiteasy-popup/#installation)
* [Ìdàgbàsókè](https://yor.wordpress.org/plugins/makeiteasy-popup/#developers)
[Ìrànlọ́wọ́](https://wordpress.org/support/plugin/makeiteasy-popup/)
## Àpèjúwe
Need popups to grab your users’ attention? Marketing call-to-actions that open on
scroll, timer, click, matched referer, hover, or exit intent?
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
Ìtumọ̀ Yorùbá: – micromodal.js Ìtumọ̀ Yorùbá: – with a combined total of only 10
kB of JavaScript❕
👆 Try demo Ìtumọ̀ Yorùbá: – 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) Ìtumọ̀ Yorùbá: – 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.
🆕 Added “open on exit intent” feature. **It works only on desktop.** When popup
is set up to open on exit intent and
user moves mouse outside the top border of
the browser inner window (screen), popup appears. User can choose when feature is
activated (after how many seconds since page was loaded), so popup canÌtumọ̀ Yorùbá:’
t open too early.
⏱️❗**Queue** if another popup is opened, popup is placed in queue and opened upon
closing the former.
### Known limitations
Currently, opening several modal popups simultaneously is impossible due to the
limitations of the Micromodal.js library.
Future versions will replace this library
with the native `Dialog` HTML element, including automatic migration for existing
popups.
### Block options
The block sidebar provides many options, most of which function similarly to other
blocks. Notable options include:
Ìtumọ̀ Yorùbá: – **Opening time selector**: See
the detailed section below. Ìtumọ̀ Yorùbá: – **Layout type**: Floating, Fixed, Attached
Ìtumọ̀ Yorùbá: – **Popup Enabled**: Temporarily hide the popup without deleting
it. Ìtumọ̀ Yorùbá: – **Open on interval**: Open on given interval in days. Ìtumọ̀
Yorùbá: – **Open on matching referer**: Open if the userÌtumọ̀ Yorùbá: ’s referral
URL matches.
#### Layout Types
* **Floating**: popup floats above content. Clicking on area outside popup closes
it.
* **Fixed**: popup is “fixed” to one of sides of screen Ìtumọ̀ Yorùbá: — top, bottom,
right, left
* **Attached**: popup is attached to element on screen. When user scrolls, it moves
with it.
#### Modality
* **Modal**: popup blocks everything else on screen, scrolling is not possible,
popup can be closed by clicking outside of popup
* **Modeless**: popup is non-blocking, user can scroll, popup canÌtumọ̀ Yorùbá:’
t be closed by clicking outside of popup
### Developers
#### Github repository
[https://github.com/Lovor01/makeiteasy-popup](https://github.com/Lovor01/makeiteasy-popup)
#### Changing the Close button
Using Javascript:
```
import { ReactComponent as CloseIcon } from '../assets/close-x.svg';
addFilter( 'makeiteasy-closeButtonIcon', 'makeiteasy/makeiteasy-popup/close-icon', () => () );
```
If you customize button this way and you already have posts(or pages) with popup
block,
on post reopening the message “This block contains unexpected or invalid
content.” will be presented. In such case choose “Attempt to repair block” and if
it looks good, save post.
Using PHP:
```
add_action( 'render_block_makeiteasy/popup', function($content) {
$svg = file_get_contents( __DIR__ . '/path_to_file/close-button-dark.svg' );
return preg_replace(
'~().*()~m',
"$1$svg$2",
$content
);
} );
```
#### Attaching Code to Modal Events
Custom events ‘makeiteasy/openModal’ and ‘makeiteasy/closeModal’ are fired on modal
open and close. Events fire on modal itself, DOM element
with class `.wp-block-
makeiteasy-popup`.
## Àwọn àwòrán ìbòjú
* [[
* Standard modal popup
* [[
* Popup attached to top of screen, modeless
* [[
* Various elements in popup
* [[
* Modeless popup attached to element
## Àwọn ìdí
Plugin yìí pèsè 1 ìdí.
* MakeITeasy Popup Versatile popup block.
## Ìgbéwọlẹ̀
#### 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
## FAQ
### How does the ‘CSS Selector’ field work?
The CSS Selector field, used in the “open on scroll,” “hover,” and “click” options,
allows you to specify a CSS selector to identify the element that will trigger the
popup. The selector can be of any complexity, but it must uniquely select an element.
If multiple elements match the selector, only the first one will trigger the popup.
To define the trigger in practice, go to the advanced section of the desired block
and specify an anchor keyword or an additional CSS class. For an anchor, use `#`
as the prefix, and for a class, use `.` (dot). For example, if your anchor is `myelement`,
you would use `#myelement` in the CSS Selector field.
### How does “Show again after days” function?
When you enter number other than 0 under “Additional rules” section, in “Show again
after days” textbox, the rule is set to initially open the popup. After reloading
the page, popup will open only upon selected period in days expires.
### Have questions?
Post them here, and I’ll answer them.
## Àwọn àgbéyẹ̀wò
### [Great popup plugin](https://wordpress.org/support/topic/great-popup-plugin-47/)
[DeepBlue](https://profiles.wordpress.org/deepblue5/) Igbe 16, 2026 2 àwọn ìdáhùn
Hi Great plugin thank you 🙂
### [Great and Easy Modal Popup Plugin](https://wordpress.org/support/topic/great-and-easy-modal-popup-plugin/)
[artemi0](https://profiles.wordpress.org/artemi0/) Ọ̀wàrà 26, 2025
Very EASY to use, LIGHTWEIGHT, and ELEGANT. What else would you ask of the developer?
Support? It has it, and itÌtumọ̀ Yorùbá: ’s better than many paid plugins.
### [Easy and simple plugin](https://wordpress.org/support/topic/easy-and-simple-plugin-8/)
[martiko](https://profiles.wordpress.org/martiko/) Èrèlé 14, 2025
Good support from the plugin author!
### [Works perfect](https://wordpress.org/support/topic/works-perfect-1122/)
[Squidy McSquid](https://profiles.wordpress.org/x1-bot/) Ṣẹrẹ 29, 2025 1 ìdáhùn
Works great. Needs a little more detailed docs for adding popup on clicks but still
5/5
### [One of the better Pop-up solutions](https://wordpress.org/support/topic/one-of-the-better-pop-up-solutions/)
[noviacc](https://profiles.wordpress.org/noviacc/) Ògún 25, 2024
I have been using various popup plugins for years now but this one is so easy to
use and so versatile that it might be usefull to a whole bunch of users. Also finally
having a proper Tooltip option is a huge advantage 😀
### [Really comprehensive popup plugin](https://wordpress.org/support/topic/really-comprehensive-popup-plugin/)
[jhercog](https://profiles.wordpress.org/jhercog/) Agẹmọ 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.
[ Ka gbogbo àwọn àgbéyẹ̀wò 6 ](https://wordpress.org/support/plugin/makeiteasy-popup/reviews/)
## Àwọn Olùkópa & Olùgbéejáde
“MakeITeasy Popup” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa
sí plugin yìí.
Àwọn Olùkópa
* [ Lovro Hrust ](https://profiles.wordpress.org/lovor/)
[Túmọ̀ “MakeITeasy Popup” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/makeiteasy-popup)
### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?
[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/makeiteasy-popup/), ṣàyẹ̀wò
[ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/makeiteasy-popup/), tàbí ṣe àgbékalẹ̀
sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/makeiteasy-popup/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/makeiteasy-popup/?limit=100&mode=stop_on_copy&format=rss).
## Àkọsílẹ̀ àwọn àyípadà
#### 1.4.0
Added “open on exit intent” feature. Updated dependencies.
#### 1.3.1
Updated dependencies.
#### 1.3.1
Fixed incorrect styling for wide align.
Fixed root styling incorrect selector.
#### 1.3.0
“Open on referer” condition can be combined with other opening conditions.
Popup
which is opened on hover closes when element is not hovered anymore. Added **Welcome
guide**. Fixed bug in code with duplicating block, which had same anchor. Fixed
some spacing issues in block sidebar. Fixed some layout issues in editor. Changed
css issued related to modeless popup. Removed option for attached popup to be modal.
Fixed adding in queue which did not function for all popups. Fixed some inconsistencies
between modal and modeless popups.
#### 1.2.0
Improved styling when content in popup is greater in height than popup window Ìtumọ̀
Yorùbá: – 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 Ìtumọ̀ Yorùbá: – 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
#### Roadmap
1. Add features according to requests on support
2. Introduce new popup HTML: relatively new `