Title: Popmatic – Block Editor Popups, Modals and Lightboxes Author: Easy Tabs Block Published: chulio 25, 2026 Last modified: agosto 25, 2026 --- Search plugins ![](https://ps.w.org/popmatic/assets/banner-772x250.png?rev=3622524) ![](https://ps.w.org/popmatic/assets/icon-256x256.png?rev=3622524) # Popmatic – Block Editor Popups, Modals and Lightboxes By [Easy Tabs Block](https://profiles.wordpress.org/easytabsblock/) [Download](https://downloads.wordpress.org/plugin/popmatic.1.0.2.zip) * [Details](https://arg.wordpress.org/plugins/popmatic/#description) * [Reviews](https://arg.wordpress.org/plugins/popmatic/#reviews) * [Installation](https://arg.wordpress.org/plugins/popmatic/#installation) * [Development](https://arg.wordpress.org/plugins/popmatic/#developers) [Support](https://wordpress.org/support/plugin/popmatic/) ## Description Popmatic is a WordPress popup plugin that works the way the block editor already works. Instead of a separate popup builder with its own screens and its own styling engine, Popmatic adds a **Popup block**. You design the popup with the blocks you already use, then control how and when it appears from the block sidebar. That means no page builder, no shortcodes, and no custom JavaScript. If you can build a page in WordPress, you can build a popup. #### What you can build * **Promotional popups** – discounts, coupons, seasonal sales, Black Friday campaigns. * **Newsletter popups** – drop any form block inside the popup and collect signups. * **Announcement popups** – product updates, shipping notices, maintenance windows. * **Event popups** – webinar invites, launch announcements, registration prompts. * **Modal popups** – open extra content from a button or link without leaving the page. * **Conversion-focused popups** – last-chance offers, upgrade prompts, social proof. #### Why Popmatic is different * **It is a real block.** The popup lives in your post, page or template, not in a separate database table. It moves with your content, versions with your revisions, and exports with your theme. * **You already know the design tools.** Colors, typography, spacing, borders, shadows and background images all come from the core block controls, so the popup inherits your theme’s styles by default. * **It stays out of the way.** The free plugin renders the same markup for every visitor and decides when to open the popup in the browser, which keeps it compatible with page caching. * **It is accessible by default.** The popup is a labelled dialog, keyboard focus is trapped while it is open and restored when it closes, and animations respect the visitor’s “reduce motion” setting. #### Free features Everything below is in the free plugin. **Build the popup** * Two blocks: **Popup** (the wrapper that holds every setting) and **Popup Content**( the area you fill with any blocks). * Put any blocks inside – headings, images, buttons, columns, videos, and form blocks from other plugins. * Ready-made popup patterns for sales, seasonal campaigns, announcements, engagement and events. Pick one from the pattern picker and it becomes editable blocks. * Insert a popup into a post, a page, or a site template in the Site Editor so it can run across the whole site. **Popup triggers** * **On page load**, with an optional delay of up to 300 seconds. * **On click** of any button, link or element you choose. * **On hover** over any element you choose. **Design and positioning** * Nine on-screen positions: any combination of top, center and bottom with left, center and right. * Adjustable popup width, in any CSS unit. * Seven entrance animations – fade, slide up, slide down, slide left, slide right, zoom in and zoom out – or none at all. * Background overlay that can be turned off, or given any color and transparency level. * Optional background scroll lock while the popup is open. * Full close-button styling: icon and background colors with hover states, border, border radius, size and position offset. **Close behavior** * Close button, click outside the popup, and the Escape key – enable any combination. * One close method is always kept enabled, so a popup can never trap a visitor. * Close button can sit inside or outside the popup panel. **Display rules** * **Disable for Returning Visitors** shows the popup only once per visitor. The record is kept in that visitor’s own browser, so nothing is stored on your server and no personal data is collected. **Responsive and accessible** * The popup never grows wider than 95% of the screen or taller than 95% of the viewport, and scrolls inside itself if the content is longer – so a popup designed on a desktop still fits a phone. * Marked up as a dialog (`role="dialog"`, `aria-modal`), with a labelled close button. * Keyboard focus is moved into the popup when it opens, cycles inside it while it is open, and returns to where the visitor was when it closes. * Animations are switched off automatically for visitors who have asked their system to reduce motion. #### Popmatic Pro Popmatic Pro is a separate plugin that installs alongside the free one and unlocks the settings marked “(Pro)” in the popup sidebar. Nothing you have already built changes – the same block gains more control. **Advanced popup triggers** * **Exit intent popup** – opens when a visitor is about to leave. On desktop this is the mouse leaving the page; on mobile it responds to a fast scroll back to the top or the browser’s back button. Best for last-chance offers and abandoned- cart style prompts. * **Scroll trigger** – opens once the visitor has scrolled a set percentage of the page. Useful when you want the popup to reach engaged readers rather than everyone who lands on the page. **More close options** * **Auto-close timer** – closes the popup on its own after 1 to 120 seconds. Good for announcements you want seen but not dismissed manually. * **Extra close class** – turn any element inside the popup into a close button by giving it a CSS class. Lets a “No thanks” link or a CTA button close the popup, and links still navigate before it closes. **Popup frequency control** * Show the popup again after a set interval instead of only once: 1 to 23 hours, or 1 to 365 days. The countdown starts the moment the popup is shown, so a visitor who returns on day 4 of a 3-day interval sees it again. **Audience targeting** * Show the popup to **all visitors**, **logged-in users only**, **logged-out users only**, or **specific user roles** picked from the roles that exist on your site. * Enforced on the server, so the popup markup is never sent to visitors who should not see it. **Scheduling** * Set a start and end date and time for the popup. It appears and disappears on its own, in your site’s timezone, with no need to remember to publish or unpublish anything. Ideal for sales, seasonal campaigns and time-boxed announcements. **Per-page exclusions** * When the popup is placed in a site template, exclude specific pages from it – for example, keep a promotional popup off your checkout, contact or thank-you pages. Excluded page IDs are evaluated on the server and never appear in your public HTML. **Premium pattern library** * Unlocks the Pro popup patterns in the same pattern picker, alongside the free ones. **License, updates and support** * A **Settings Popmatic** page for activating your license, with license status, activations used, expiry date and package shown at a glance. * Automatic plugin updates for Popmatic Pro once the license is active. * Direct links to documentation and support from inside your dashboard. [See what Popmatic Pro adds and view pricing](https://xeroqode.com/wordpress/popmatic/) #### Free vs Popmatic Pro at a glance * **Popup builder and blocks** – Free: full block-based builder, Popup and Popup Content blocks. Pro: identical, nothing is taken away. * **Popup patterns** – Free: the free pattern library. Pro: adds the premium patterns. * **Open triggers** – Free: page load with delay, click, hover. Pro: adds scroll depth and exit intent. * **Position, size and animation** – Free: all nine positions, custom width, seven animations. Pro: identical. * **Overlay and close-button styling** – Free: full control. Pro: identical. * **Close options** – Free: close button, click outside, Escape key. Pro: adds an auto-close timer and extra close elements. * **Display frequency** – Free: once per visitor. Pro: adds repeat intervals in hours or days. * **Audience targeting** – Free: everyone. Pro: logged-in, logged-out, or specific user roles. * **Scheduling** – Free: not available. Pro: start and end date and time. * **Page exclusions** – Free: not available. Pro: exclude chosen pages from a template- level popup. * **Updates and support** – Free: WordPress.org updates and the support forum. Pro: automatic updates and direct support. #### Who Popmatic Pro is for * **Shops and marketers** running dated campaigns who want a sale popup that switches itself on and off, and an exit intent popup to catch leaving visitors. * **Membership and community sites** that need to show one message to logged-out visitors and a different one to members, or nothing at all to admins. * **Content publishers** who want the popup to appear only after someone has actually read part of the page, rather than the moment they arrive. * **Agencies and freelancers** managing client sites who need site-wide popups with sensible exceptions, without editing templates for every campaign. #### How it works 1. Edit any post, page or template and insert the **Popup** block. 2. Choose a ready-made pattern, or select **Start blank** and build the popup yourself. 3. Click **Edit Popup** to open the popup in the editor and fill the **Popup Content** area with any blocks. 4. Open the block sidebar and set the open trigger, position, width, animation and overlay. 5. Set your close options and, if you need them, your display rules. 6. Publish. The popup is live on the front end. While you are editing blocks inside the popup, a **Popup Settings** button in the block toolbar takes you straight back to the popup’s own settings. #### Settings reference Every setting lives in the block sidebar when the Popup block is selected. **General Settings** * **Popup is enabled** – the master switch. When it is off, the popup is not rendered at all, so you can retire a campaign without deleting the block you spent time on. * **Open Trigger** – how the popup opens: On Load, On Click, On Hover, and in Pro, On Scroll and On Exit Intent. * **Trigger Delay** – for the On Load trigger only. Waits a number of seconds ( 0–300) before opening, so the popup does not land on top of a page the visitor has not seen yet. A short delay usually converts better than an instant one. * **Anchor Trigger Class** – for the On Click and On Hover triggers. Enter a CSS class name without the dot, then add the same class to your button or link using its **Advanced Additional CSS class(es)** field. Any number of elements can share the class and all of them will open the popup. * **Scroll Distance** (Pro) – for the On Scroll trigger. The percentage of the page (0–100) the visitor must scroll before the popup opens. * **Popup Content Width** – the width of the popup panel, in any CSS unit. Defaults to 700px. It is automatically capped so it always fits smaller screens. * **Popup Position** – where the popup sits: top left, top center, top right, center left, center, center right, bottom left, bottom center or bottom right. Corner positions feel less interruptive; center reads as more important. * **Animation** – the entrance effect: fade, slide up, slide down, slide left, slide right, zoom in, zoom out, or none. * **Background Overlay** – dims the page behind the popup. Turn it off for a corner notification that should not block the page. * **Disable Body Scroll** – stops the page behind the popup from scrolling while it is open, so a visitor cannot scroll the popup off-screen without answering it. **Close Settings** * **Show Close Button** – shows the close icon in the popup corner. * **Close Button Position** – inside the popup panel, or outside it against the overlay. Available when both the close button and the overlay are on. * **Close On Click Outside** – closes the popup when the visitor clicks the overlay. Feels natural and reduces frustration. * **Close On Press Esc Key** – closes the popup on the Escape key. Expected behavior for keyboard users. * **Close Popup Automatically** and **Auto close time** (Pro) – closes the popup after 1 to 120 seconds without any visitor action. * **Extra Close Class** (Pro) – a CSS class (without the dot) for any element inside the popup that should also close it, such as a “Maybe later” link or a CTA button. One close method always stays switched on. When only one is left, its toggle is locked and the sidebar explains why – this prevents a popup a visitor cannot get out of. **Visibility Settings** * **Show Popup For** (Pro) – All, Logged In Users, Logged Out Users, or Specific User Roles. Choosing Specific User Roles reveals a picker listing every role on your site. * **Disable for Returning Visitors** – once the popup has been shown, it stays hidden for that visitor. On its own this means “show it once, ever”. * **Display Interval Type** and **Display Interval** (Pro) – shown when the setting above is on. Choose Hours (1–23) or Days (1–365) and the popup can appear again after that gap. Leave the interval unset to keep the one-time behavior. * **Show Popup on Schedule** (Pro) – set a start and end date and time. Outside that window the popup is not rendered. * **Exclude Pages** (Pro) – pick pages the popup should never appear on. This applies to popups added in the Site Editor at template level, where the popup would otherwise run everywhere. **Styles tab** * **Overlay Color** – any color from your theme palette or a custom one, with transparency, so the overlay can be a light wash or a heavy dim. * **Close Button Styles** – icon color and hover color, background color and hover color, border hover color, width and height in pixels, position offset from the top, right, bottom and left, border, and border radius. **Popup Content block** The inner content area uses the standard block design controls: background color, gradient and background image; text, link, heading and button colors; typography including font family, size, weight, style, line height, letter spacing, text transform and decoration; padding and margin; border and border radius; and box shadow. ## Screenshots [⌊Building a popup in the block editor - insert the Popup block, pick a ready-made pattern and publish.⌉⌊Building a popup in the block editor - insert the Popup block, pick a ready-made pattern and publish.⌉[ Building a popup in the block editor – insert the Popup block, pick a ready-made pattern and publish. [⌊A published popup on the front end - a Black Friday promotion built from a ready- made pattern, over the background overlay.⌉⌊A published popup on the front end - a Black Friday promotion built from a ready-made pattern, over the background overlay .⌉[ A published popup on the front end – a Black Friday promotion built from a ready- made pattern, over the background overlay. [⌊General settings: open trigger, trigger delay, content width, position, animation and background overlay.⌉⌊General settings: open trigger, trigger delay, content width, position, animation and background overlay.⌉[ General settings: open trigger, trigger delay, content width, position, animation and background overlay. [⌊Close and visibility settings: close button position, close on click outside or Escape, once-per-visitor display, plus a preview of Popmatic Pro options.⌉⌊Close and visibility settings: close button position, close on click outside or Escape, once-per-visitor display, plus a preview of Popmatic Pro options.⌉[ Close and visibility settings: close button position, close on click outside or Escape, once-per-visitor display, plus a preview of Popmatic Pro options. ## Blocks This plugin provides 2 blocks. * Popup Easily add popups to your site for announcements, messages, or promotions. * Popup Content The content area inside the popup. Use this block to add and style the content you want displayed when the popup appears. ## Installation #### Installing the free plugin 1. Go to **Plugins Add New** in your WordPress dashboard and search for “Popmatic”. Or upload the plugin files to `/wp-content/plugins/popmatic`. 2. Click **Install Now**, then **Activate**. 3. Edit any post, page or template, insert the **Popup** block, and start building. #### Installing Popmatic Pro 1. Keep the free Popmatic plugin installed and active – Pro extends it and will not run without it. 2. Upload and activate the Popmatic Pro plugin. 3. Go to **Settings Popmatic**, paste your license key and click **Activate License**. 4. Reload the block editor. The settings previously marked “(Pro)” are now editable. ## FAQ ### Do I need to know code to create a popup? No. You build the popup with the same blocks and design controls you already use for pages, and every setting is a toggle, a dropdown or a slider in the block sidebar. ### How do I open a popup from a button or link? Set the Popup block’s **Open Trigger** to **On Click** (or **On Hover**) and type a class name into **Anchor Trigger Class**, without the leading dot – for example` open-offer`. Then select your button or link, open its **Advanced** panel and add the same class to **Additional CSS class(es)**. Any element carrying that class will open the popup. ### How do I show a popup across my whole site? Add the Popup block in the Site Editor, inside a template or a template part such as the header or footer. It will then be available everywhere that template is used, rather than on a single post. With Popmatic Pro you can also exclude specific pages from a site-wide popup. ### Can I put a newsletter or contact form inside the popup? Yes. The **Popup Content** area accepts any blocks your site has, including form blocks provided by other plugins. Popmatic handles the popup; your form plugin handles the form. ### How often will a visitor see the popup? By default, every time its trigger fires. Turn on **Disable for Returning Visitors** to show it only once per visitor. The record is stored in that visitor’s own browser using localStorage – nothing is stored on your server and no personal data is collected. To show it again on a repeating schedule, such as every 3 days or every 12 hours, use the display interval settings in Popmatic Pro. ### I set the popup to show once and now I cannot see it while I build the site. That is your own browser remembering it. Open the site in a private or incognito window, or clear your browser’s site data for the site, and the popup will appear again. ### Can I show a popup only to logged-in users, or only to certain roles? Yes, with Popmatic Pro. **Show Popup For** lets you target all visitors, logged- in users, logged-out users, or specific user roles chosen from the roles on your site. The rule is applied on the server, so the popup is never sent to visitors outside the group. ### Can I schedule a popup for a sale or seasonal campaign? Yes, with Popmatic Pro. Set a start and end date and time and the popup appears and disappears on its own, in your site’s timezone. ### Does Popmatic have an exit intent popup? Yes, in Popmatic Pro. The exit intent trigger opens the popup when a desktop visitor moves the mouse out of the page, and on mobile when they scroll quickly back to the top or use the browser’s back button. ### Can I have more than one popup on the same page? Yes. Each Popup block keeps its own settings and its own once-per-visitor record, and background scroll locking is handled correctly when more than one popup is involved. ### Does the popup work on mobile? Yes. The popup is capped at 95% of the screen width and 95% of the viewport height and scrolls inside itself when the content is longer, so a popup designed on a desktop still fits a phone. Position, width and typography are all adjustable if you want to tune it further. ### Is the popup accessible? Yes. The popup is marked up as a dialog with an accessible label, keyboard focus moves into it when it opens and returns to where the visitor was when it closes, focus stays inside while it is open, at least one close method is always available, and animations are disabled for visitors who have asked their system to reduce motion. ### Does the popup work with caching plugins? Yes. The free plugin renders identical markup for every visitor and decides when to open the popup in the browser, so it is fully compatible with page caching. In Popmatic Pro, when a popup uses a per-visitor rule or a schedule, that request is flagged so page caches skip it – which is what keeps targeted popups correct. ### What happens if my Popmatic Pro license expires or I deactivate Pro? The free plugin and everything you built keep working. The Pro-only behavior stops: scroll and exit intent triggers no longer fire, the auto-close timer and extra close elements stop applying, repeat intervals fall back to one-time display, and audience targeting, scheduling and page exclusions are no longer enforced – so a targeted popup would show to everyone. Review those popups before deactivating Pro. ### What is the difference between the free plugin and Popmatic Pro? The free plugin is a complete popup builder: the blocks, the pattern picker, the load, click and hover triggers, all positions, animations and styling, all close options, and once-per-visitor display. Popmatic Pro adds scroll and exit intent triggers, an auto-close timer, extra close elements, repeat display intervals, audience targeting, scheduling, per-page exclusions and the premium pattern library. See the comparison in the description above. ### Where can I get help? Free plugin questions belong in the WordPress.org support forum for this plugin. Documentation is at [xeroqode.com/docs](https://xeroqode.com/docs/), and Popmatic Pro customers can reach us directly at [xeroqode.com/support](https://xeroqode.com/support/). ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Popmatic – Block Editor Popups, Modals and Lightboxes” is open source software. The following people have contributed to this plugin. Contributors * [ Easy Tabs Block ](https://profiles.wordpress.org/easytabsblock/) * [ xeroqode ](https://profiles.wordpress.org/xeroqode/) [Translate “Popmatic – Block Editor Popups, Modals and Lightboxes” into your language.](https://translate.wordpress.org/projects/wp-plugins/popmatic) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/popmatic/), check out the [SVN repository](https://plugins.svn.wordpress.org/popmatic/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/popmatic/) by [RSS](https://plugins.trac.wordpress.org/log/popmatic/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.2 – Aug 25, 2026 * Enhance: Improved security and reliability of the pattern library * Fixed: Minor bugs and small improvements #### 1.0.1 – Aug 19, 2026 * New: Pattern library now loads from the Popmatic pattern service, with Free and Pro filters and pattern previews * New: Added dismissible plugin notices in the dashboard and the pattern picker * New: “Exclude Posts/Pages” now covers posts, pages and other content types (Pro) * Fixed: Popup frontend script no longer loads on pages where the popup is hidden * Fixed: Popup focus handling on open, so pressing Space no longer closes it * Fixed: Keyboard focus trap when tabbing backwards inside the popup * Fixed: Click and hover trigger classes pasted with a leading dot (`.my-button`) * Enhance: Faster pattern picker with paged loading and insert feedback * Enhance: Pattern library now refreshes automatically when Popmatic Pro is activated or deactivated * Enhance: Editor styling refinements for the pattern explorer, block placeholder and premium settings * Update: Bundled patterns trimmed to ten starter layouts, kept as an offline fallback for the library #### 1.0.0 – Jul 25, 2026 * Initial release. ## Meta * Version **1.0.2** * Last updated **3 días ago** * Active installations **10+** * WordPress version ** 6.7 or higher ** * Tested up to **7.1** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/popmatic/) * Tags * [announcement](https://arg.wordpress.org/plugins/tags/announcement/)[lightbox](https://arg.wordpress.org/plugins/tags/lightbox/) [modal](https://arg.wordpress.org/plugins/tags/modal/)[popup](https://arg.wordpress.org/plugins/tags/popup/) [popup builder](https://arg.wordpress.org/plugins/tags/popup-builder/) * [Advanced View](https://arg.wordpress.org/plugins/popmatic/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/popmatic/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/popmatic/reviews/) ## Contributors * [ Easy Tabs Block ](https://profiles.wordpress.org/easytabsblock/) * [ xeroqode ](https://profiles.wordpress.org/xeroqode/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/popmatic/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://xeroqode.com/wordpress/popmatic/#pricing)