This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Popup Block

Description

This plugin adds a customizable Popup Block to the WordPress block editor.

Screenshots

  • Block preview
  • Block Appearance Options
  • Block Open/Close Advanced Options

Blocks

This plugin provides 1 block.

  • Popup A popup/modal block for the WordPress block editor.

Installation

  1. Install the plugin via the plugin installer, either by searching for it or uploading a .ZIP file.
  2. Activate the plugin.
  3. Use the Popup Block for WordPress!

Reviews

नोव्हेंबर 1, 2022
I needed a simple popup plugin for emergency notifications and was looking for something that integrates nicely with the new block editor. I found a bunch that were clunky and / or bloated. This is perfect (well almost perfect). It has all the settings I need (sets an optional cookie with adjustable lifespan, it has intuitive appearance controls, and it's SO easy to create and modify popups on a per-page / post basis. The only reason I didn't give it 5 stars is that the min-width setting doesn't allow sufficient control to make this play nicely on mobile devices. Easy to fix with a bit of CSS - but adding width & max-width settings would IMO make this much better. Example, in child theme I added: .abs-popup .modal-content { width: 90% !important; max-width: 400px !important; } Thanks for sharing your plugin! pk
फेब्रुवारी 26, 2021
Does exactly what I wanted it and what it says to do. Two things that maybe are useful for others: 1. I wanted to call a JS function on close. So I added my stopVideos call (if it is there) to the frontend.js file of the plugin: {key:"closeModal",value:function(){ if(typeof stopVideos=='function'){stopVideos();} If there is any better way, let me now (same for 2). 2. The pink logo svg in the editor was way too huge for me. I don't know the reason, but to dodge it I wrote the following rule into the corresponding editor CSS file of my theme: .popup-preview svg {display: none;}
फेब्रुवारी 10, 2021
Lightweight block does exactly as advertised. Can activate by anchor link and a few other ways such as: page exit, timer, scroll location. Make sure to put it at the top of editor blocks, otherwise it does a few funky things when displaying.
Read all 4 reviews

Contributors & Developers

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

Contributors

“Popup Block” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Popup Block” into your language.

Interested in development?

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

Changelog

0.0.4

  • Bump version to proper one

0.0.3

  • Allow opening using links href attribute

0.0.2

  • Fix exit intent not working in firefox
  • Fix close button hiding not working
  • Fix unique identifier for modal having wrong type, causing block to get invalidated
  • Overflow when content has large height
  • Open after scroll offset was not properly calculated

0.0.1

  • Initial release.