humanmade / hm-popup-block
An popup and tooltip dialog block utility, multiple trigger options, and supports anchor placements
Package info
github.com/humanmade/hm-popup-block
Language:JavaScript
Type:wordpress-plugin
pkg:composer/humanmade/hm-popup-block
0.6.0
2026-05-27 11:25 UTC
Requires
- composer/installers: ^1 || ^2
Replaces
- dev-main
- 0.6.0
- 0.5.4
- 0.5.3
- 0.5.2
- 0.5.1
- 0.5.0
- 0.4.0
- 0.3.0
- 0.2.2
- 0.2.1
- 0.2.0
- 0.1.4
- 0.1.3
- 0.1.2
- 0.1.1
- 0.1.0
- dev-pr-14-built
- dev-pr-15-built
- dev-claude/ecstatic-goodall-VAzNU
- dev-claude/ecstatic-goodall-VAzNU-patterns
- dev-release
- dev-fix/undefined-array-key-style
- dev-copilot/fix-backdrop-dismiss-logic
- dev-pr-7-built
- dev-sidebar-style
- dev-fix-targeting
- dev-composer-installers
This package is auto-updated.
Last update: 2026-05-27 12:34:08 UTC
README
A lightweight, modern popup block for WordPress that displays any content as a modal dialog.
Features
Trigger Modes
- Click trigger - Open popup from any link or button by setting the URL to
#your-popup-id - Exit intent - Automatically show popup when user moves cursor to leave the page
Display Styles
- Centered modal - Default full-screen overlay with centered content
- Left sidebar - Slide-in panel from the left edge
- Right sidebar - Slide-in panel from the right edge
Anchor Positioning
Position popups relative to their trigger button using CSS anchor positioning:
- Bottom / Bottom Start / Bottom End
- Top / Top Start / Top End
- Left / Left Start / Left End
- Right / Right Start / Right End
Anchored popups automatically reposition when they would overflow the viewport.
Styling Options
- Customizable backdrop opacity (0-100%)
- Backdrop background color support
- Backdrop background image support
- Full layout controls for popup content width
Accessibility
- Built on native HTML
<dialog>element - Keyboard accessible (Escape to close)
- Click backdrop to close
- Add close buttons with
#closeURL
Usage
- Add a Popup Block to your page
- Set an anchor/ID for the popup (e.g.,
my-popup) - Add your content inside the popup
- Create a button or link with URL
#my-popupto trigger it
Exit Intent Popup
- Add a Popup Block and set trigger to "On exit intent"
- Configure cookie expiration (days before showing again)
- The popup will appear when users move to leave the page
Anchored Popup
- Add a Popup Block with click trigger
- Enable "Use Anchoring" in block settings
- Select anchor position (bottom, top, left, right, etc.)
- The popup will appear attached to the trigger button
Requirements
- WordPress 6.1+
- PHP 7.0+
License
GPL-2.0-or-later