Title: BlaBlaBlocks Popup
Author: lubus
Published: <strong>2026년 8월 20일</strong>
Last modified: 2026년 8월 20일

---

플러그인 검색

![](https://ps.w.org/blablablocks-popup/assets/banner-772x250.png?rev=3657273)

![](https://ps.w.org/blablablocks-popup/assets/icon-256x256.png?rev=3657273)

# BlaBlaBlocks Popup

 작성자: [lubus](https://profiles.wordpress.org/lubus/)

[다운로드](https://downloads.wordpress.org/plugin/blablablocks-popup.0.1.0.zip)

[실시간 미리보기](https://ko.wordpress.org/plugins/blablablocks-popup/?preview=1)

 * [세부사항](https://ko.wordpress.org/plugins/blablablocks-popup/#description)
 * [평가](https://ko.wordpress.org/plugins/blablablocks-popup/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/blablablocks-popup/#installation)
 * [개발](https://ko.wordpress.org/plugins/blablablocks-popup/#developers)

 [지원](https://wordpress.org/support/plugin/blablablocks-popup/)

## 설명

### Build Popups in the WordPress Block Editor

**BlaBlaBlocks Popup** is a powerful yet lightweight WordPress plugin that empowers
you to create and manage dynamic popups seamlessly using the native Block Editor(
Gutenberg).

Choose a starter layout, edit its content in the native Block Editor, and control
where, when, and how the popup appears from dedicated settings.

### Why Choose BlaBlaBlocks Popup?

BlaBlaBlocks Popup combines a familiar editing experience with modern WordPress 
APIs. Popup content uses the Block Editor, management uses DataViews and DataForm,
and frontend interactions run through the WordPress Interactivity API.

#### Key Highlights

 * **Native Block Editing:** Build popup content with core and third-party blocks.
 * **Starter Layouts:** Start with a modal, slide-in, floating bar, fullscreen popup,
   or toast notification.
 * **Flexible Display Conditions:** Target the entire site, front page, selected
   posts or pages, and archives.
 * **Multiple Triggers:** Open popups on page load, scroll, click count, inactivity,
   exit intent, or a manual selector.
 * **Advanced Display Rules:** Limit popups by page views, sessions, display count,
   referrer, login state, user role, and device.
 * **Modern Popup Management:** Search, filter, sort, duplicate, trash, restore,
   and permanently delete popups from a DataViews screen.

### Key Features

#### 1. Native Popup Content Editing

Each popup is created as dedicated WordPress content with revision support. Use 
headings, paragraphs, images, buttons, forms, columns, groups, and other blocks 
directly in the editor.

#### 2. Ready-to-Use Popup Types

Choose a starting layout when creating a popup:

 * Modal Popup
 * Slide-in Popup
 * Floating Bar
 * Fullscreen Popup
 * Toast / Small Notification

The selected layout provides a useful starting point while remaining fully customizable.

#### 3. Layout and Style Controls

Configure the popup from its editor sidebar:

 * Width, height, and screen position
 * Overlay and close button visibility
 * Background and overlay colors
 * Padding and margin
 * Borders and border radius
 * Entrance and exit animations

#### 4. Triggers and Manual Opening

Automatically open a popup using page load delay, scroll amount, scroll direction,
scroll-to-element, click count, inactivity, or exit intent.

For direct control, add CSS selectors that open the popup from a link, button, navigation
item, or other page element.

#### 5. Conditions and Audience Rules

Choose where a popup can appear and who can see it. Conditions support site-wide,
front page, singular content, and archive targeting. Advanced rules can limit displays
by browser state, referrer, logged-in status, roles, and device type.

#### 6. WordPress Interactivity API

Frontend opening, closing, trigger evaluation, and popup state use the WordPress
Interactivity API. Assets are loaded only when the current request has an eligible
published popup.

### How to Create a Popup

#### Step 1: Add a Popup

Open **Popups** in the WordPress admin menu and click **Add Popup**. Enter a title
to create a draft.

#### Step 2: Choose a Popup Type

Select a modal, slide-in, floating bar, fullscreen, or toast layout as your starting
point.

#### Step 3: Design the Content

Add and arrange blocks in the editor. Use the popup sidebar to adjust layout, colors,
spacing, borders, and animations.

#### Step 4: Configure Display Settings

Set the popup’s conditions, triggers, and advanced rules from the popup management
screen.

#### Step 5: Publish and Test

Publish the popup and test its triggers, close behavior, responsive layout, and 
targeting on the frontend.

### Common Use Cases

 * **Email Signup Forms:** Present a focused subscription form after a delay or 
   scroll threshold.
 * **Announcements:** Display product launches, service updates, or important notices.
 * **Promotions:** Show time-sensitive offers and calls to action.
 * **Floating Notices:** Keep a compact message visible at the top or bottom of 
   the page.
 * **Exit Messages:** Display a final offer or reminder when a visitor shows exit
   intent.
 * **Manual Dialogs:** Open additional information from a button or link using a
   CSS selector.

### Integration and Compatibility

BlaBlaBlocks Popup is designed for:

 * Block themes and the Site Editor
 * Classic themes that support the Block Editor
 * Core WordPress blocks
 * Third-party blocks that render standard block markup
 * Desktop, tablet, and mobile targeting

### Troubleshooting

#### A Popup Does Not Open

 * Confirm that the popup is published.
 * Check that its display conditions match the current page.
 * Verify that at least one automatic trigger is enabled, or use a configured manual
   selector.
 * Review display limits, login rules, role rules, and device targeting.

#### A Manual Trigger Does Not Work

Confirm that the configured selector matches an element on the page. CSS class selectors
begin with a period, such as `.open-newsletter`, and ID selectors begin with a hash,
such as `#open-newsletter`.

#### Popup Styles Look Different on the Frontend

Theme or block styles can affect popup content. Inspect the conflicting style and
adjust the popup controls or theme CSS as needed.

### Open Source and Contributions

**BlaBlaBlocks Popup** is open source under the **MIT License**.
 You can freely
use, modify, and contribute to its development.

 * **Source Code:**
    [https://github.com/lubusIN/blablablocks-popup](https://github.com/lubusIN/blablablocks-popup)
 * **Report Issues:**
    [https://github.com/lubusIN/blablablocks-popup/issues](https://github.com/lubusIN/blablablocks-popup/issues)

## 스크린샷

[⌊Management – Manage popups from the DataViews screen.⌉⌊Management – Manage popups
from the DataViews screen.⌉[

**Management** – Manage popups from the DataViews screen.

[⌊Editor – Design popup content and adjust its appearance.⌉⌊Editor – Design popup
content and adjust its appearance.⌉[

**Editor** – Design popup content and adjust its appearance.

[⌊Layouts – Choose from five starter popup types.⌉⌊Layouts – Choose from five starter
popup types.⌉[

**Layouts** – Choose from five starter popup types.

[⌊Settings – Configure conditions, triggers, and audience rules.⌉⌊Settings – Configure
conditions, triggers, and audience rules.⌉[

**Settings** – Configure conditions, triggers, and audience rules.

[⌊Preview – View a published popup on the frontend.⌉⌊Preview – View a published 
popup on the frontend.⌉[

**Preview** – View a published popup on the frontend.

## 설치

#### Automatic

 1. Log in to your WordPress dashboard.
 2. Navigate to **Plugins > Add New**.
 3. Search for **BlaBlaBlocks Popup**.
 4. Select **Install Now**, then activate the plugin.

#### Manual

 1. Download the BlaBlaBlocks Popup plugin ZIP.
 2. In WordPress, navigate to **Plugins > Add New > Upload Plugin**.
 3. Upload the ZIP file and select **Install Now**.
 4. Activate the plugin through the Plugins screen.

## FAQ

### Can I use WordPress blocks inside a popup?

Yes. Popup content is created in the native Block Editor and supports core and compatible
third-party blocks.

### Which popup types are included?

The plugin includes modal, slide-in, floating bar, fullscreen, and toast starter
layouts.

### Can I target specific posts or pages?

Yes. Display conditions can target selected posts, pages, front page, archives, 
or the entire site.

### Which automatic triggers are available?

Triggers include page load, scroll amount or direction, scroll to an element, click
count, inactivity, and exit intent.

### Can a button or link open a popup?

Yes. Add the button or link’s CSS selector to the popup’s manual open selectors.

### Can I limit how often a popup appears?

Yes. Advanced rules include page view, session, and maximum display limits stored
in the visitor’s browser.

### Can I hide popups from logged-in users?

Yes. Popups can be hidden from all logged-in users or selected user roles.

### Can I target different devices?

Yes. Choose whether a popup can appear on desktop, tablet, and mobile devices.

### Does the plugin use jQuery?

No. Frontend popup behavior uses the WordPress Interactivity API.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“BlaBlaBlocks Popup”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에
기여하였습니다.

기여자

 *   [ lubus ](https://profiles.wordpress.org/lubus/)
 *   [ Punit Verma ](https://profiles.wordpress.org/punitv342/)
 *   [ Ajit Bohra ](https://profiles.wordpress.org/ajitbohra/)

“BlaBlaBlocks Popup”(이)가 1 개 언어로 번역되었습니다. 기여해 주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/blablablocks-popup/contributors)
님께 감사드립니다.

[자국어로 “BlaBlaBlocks Popup”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/blablablocks-popup)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/blablablocks-popup/)는,
[SVN 저장소](https://plugins.svn.wordpress.org/blablablocks-popup/)를 확인하시거나,
[개발 기록](https://plugins.trac.wordpress.org/log/blablablocks-popup/)을 [RSS](https://plugins.trac.wordpress.org/log/blablablocks-popup/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 0.1.0

 * Initial release of BlaBlaBlocks Popup.

## 기초

 *  버전 **0.1.0**
 *  최근 업데이트: **1개월 전**
 *  활성화된 설치 **10보다 적음**
 *  워드프레스 버전 ** 6.9 또는 그 이상 **
 *  다음까지 시험됨: **7.1.2**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/blablablocks-popup/) 및 [French (France)](https://fr.wordpress.org/plugins/blablablocks-popup/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/blablablocks-popup)
 * 태그:
 * [block-editor](https://ko.wordpress.org/plugins/tags/block-editor/)[marketing](https://ko.wordpress.org/plugins/tags/marketing/)
   [modal](https://ko.wordpress.org/plugins/tags/modal/)[Notifications](https://ko.wordpress.org/plugins/tags/notifications/)
   [popup](https://ko.wordpress.org/plugins/tags/popup/)
 *  [고급 보기](https://ko.wordpress.org/plugins/blablablocks-popup/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/blablablocks-popup/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/blablablocks-popup/reviews/)

## 기여자

 *   [ lubus ](https://profiles.wordpress.org/lubus/)
 *   [ Punit Verma ](https://profiles.wordpress.org/punitv342/)
 *   [ Ajit Bohra ](https://profiles.wordpress.org/ajitbohra/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/blablablocks-popup/)