[WordPress] 外掛分享: Popmatic – Block Editor Popup, Modal & Lightbox Builder

首頁 › 外掛目錄 › Popmatic – Block Editor Popup, Modal & Lightbox Builder
WordPress 外掛 Popmatic – Block Editor Popup, Modal & Lightbox Builder 的封面圖片
20+
安裝啟用
—
尚無評分
8 天前
最後更新
—
問題解決
WordPress 6.7+ PHP 7.4+ v1.0.4 上架:2026-07-24

內容簡介

Popmatic 是一款 WordPress 外掛,專為區塊編輯器設計,讓使用者能輕鬆建立彈出視窗、模態窗口和燈箱。透過現有的區塊設計工具,使用者可以快速創建各類型的彈出內容,並控制其顯示方式,無需額外的頁面建構器或程式碼。

【主要功能】
• 使用區塊編輯器建立彈出視窗
• 支援多種彈出觸發條件
• 提供多樣化的設計與定位選項
• 可插入各種區塊內容
• 具備響應式設計與無障礙功能
• 一次性顯示給訪客的規則設定

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.4) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Popmatic – Block Editor Popup, Modal & Lightbox Builder」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Popmatic is a popup builder for the WordPress block editor (Gutenberg). It adds a Popup block that works three ways: as a popup that opens on page load, click or hover; as a modal block that opens from a button or link; or as a lightbox block that shows an image or video over a dimmed page. You design it with the blocks you already use, then control how and when it appears from the block sidebar.
There is no separate builder screen, 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 and maintenance windows, as a centered popup or as a quieter notice at the top or bottom of the screen.
Event popups – webinar invites, launch announcements, registration prompts.
Modal windows – use the Popup block as a modal block that opens from a button or link without leaving the page, for details, terms or a sign-up form. Keyboard focus stays inside the modal until it closes.
Image and video lightboxes – use it as a lightbox block that shows an image or video enlarged over a dimmed page when a visitor clicks a thumbnail, button or link.
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, a modal popup (background overlay on) keeps keyboard focus inside until it closes and then returns it, 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 moves into the popup when it opens – always for a modal popup (background overlay on), and for one without an overlay when the visitor opens it with a click – and returns to where the visitor was when it closes.
In a modal popup, focus cycles inside it while it is open. Without an overlay the rest of the page stays usable, so focus is not held inside.
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
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

Edit any post, page or template and insert the Popup block.
Choose a ready-made pattern, or select Start blank and build the popup yourself.
Click Edit Popup to open the popup in the editor and fill the Popup Content area with any blocks.
Open the block sidebar and set the open trigger, position, width, animation and overlay.
Set your close options and, if you need them, your display rules.
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.
Every setting is explained in the FAQ, under What does each setting in the Popup block do?

延伸相關外掛

文章
Filter
Mastodon