Title: BlaBlaBlocks Popup Author: lubus Published: August 20, 2026 Last modified: August 20, 2026 --- Search plugins ![](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 By [lubus](https://profiles.wordpress.org/lubus/) [Download](https://downloads.wordpress.org/plugin/blablablocks-popup.0.1.0.zip) [Live Preview](https://wordpress.org/plugins/blablablocks-popup/?preview=1) * [Details](https://wordpress.org/plugins/blablablocks-popup/#description) * [Reviews](https://wordpress.org/plugins/blablablocks-popup/#reviews) * [Installation](https://wordpress.org/plugins/blablablocks-popup/#installation) * [Development](https://wordpress.org/plugins/blablablocks-popup/#developers) [Support](https://wordpress.org/support/plugin/blablablocks-popup/) ## Description ### 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) ## Screenshots [⌊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. ## Installation #### 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. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “BlaBlaBlocks Popup” is open source software. The following people have contributed to this plugin. Contributors * [ lubus ](https://profiles.wordpress.org/lubus/) * [ Punit Verma ](https://profiles.wordpress.org/punitv342/) * [ Ajit Bohra ](https://profiles.wordpress.org/ajitbohra/) [Translate “BlaBlaBlocks Popup” into your language.](https://translate.wordpress.org/projects/wp-plugins/blablablocks-popup) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/blablablocks-popup/), check out the [SVN repository](https://plugins.svn.wordpress.org/blablablocks-popup/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/blablablocks-popup/) by [RSS](https://plugins.trac.wordpress.org/log/blablablocks-popup/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.1.0 * Initial release of BlaBlaBlocks Popup. ## Meta * Version **0.1.0** * Last updated **13 hours ago** * Active installations **Fewer than 10** * WordPress version ** 6.9 or higher ** * Tested up to **7.1** * PHP version ** 7.4 or higher ** * Tags * [block-editor](https://wordpress.org/plugins/tags/block-editor/)[marketing](https://wordpress.org/plugins/tags/marketing/) [modal](https://wordpress.org/plugins/tags/modal/)[Notifications](https://wordpress.org/plugins/tags/notifications/) [popup](https://wordpress.org/plugins/tags/popup/) * [Advanced View](https://wordpress.org/plugins/blablablocks-popup/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/blablablocks-popup/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/blablablocks-popup/reviews/) ## Contributors * [ lubus ](https://profiles.wordpress.org/lubus/) * [ Punit Verma ](https://profiles.wordpress.org/punitv342/) * [ Ajit Bohra ](https://profiles.wordpress.org/ajitbohra/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/blablablocks-popup/)