{"id":350655,"date":"2026-08-20T16:02:54","date_gmt":"2026-08-20T16:02:54","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/blablablocks-popup\/"},"modified":"2026-08-20T16:02:11","modified_gmt":"2026-08-20T16:02:11","slug":"blablablocks-popup","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/blablablocks-popup\/","author":15139597,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.1.0","stable_tag":"0.1.0","tested":"7.1","requires":"6.9","requires_php":"7.4","requires_plugins":null,"header_name":"BlaBlaBlocks Popup","header_author":"lubus","header_description":"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).","assets_banners_color":"0e4ccf","last_updated":"2026-08-20 16:02:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/lubus.in","rating":0,"author_block_rating":0,"active_installs":0,"downloads":35,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.1.0":{"tag":"0.1.0","author":"punitv342","date":"2026-08-20 16:02:11"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3657273,"resolution":"128x128","location":"assets","locale":"","width":400,"height":400},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3657273,"resolution":"256x256","location":"assets","locale":"","width":800,"height":800}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3657273,"resolution":"1544x500","location":"assets","locale":"","width":2413,"height":781},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3657273,"resolution":"772x250","location":"assets","locale":"","width":2413,"height":781}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3657274,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"landingPage\":\"\\\/wp-admin\\\/admin.php?page=blablablocks-popup\",\"login\":true,\"features\":{\"networking\":true},\"steps\":[{\"step\":\"updateUserMeta\",\"meta\":{\"admin_color\":\"modern\",\"show_welcome_panel\":0},\"userId\":1},{\"step\":\"setSiteOptions\",\"options\":{\"blogname\":\"Wordpress BlaBlaBlocks Popup\"}},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"blablablocks-popup\"},\"options\":{\"activate\":true}}]}"}},"all_blocks":[],"tagged_versions":["0.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3657273,"resolution":"1","location":"assets","locale":"","width":6000,"height":3375},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3657273,"resolution":"2","location":"assets","locale":"","width":6000,"height":3375},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3657273,"resolution":"3","location":"assets","locale":"","width":6000,"height":3375},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3657273,"resolution":"4","location":"assets","locale":"","width":6000,"height":3375},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3657273,"resolution":"5","location":"assets","locale":"","width":6000,"height":3375}},"screenshots":{"1":"<strong>Management<\/strong> \u2013 Manage popups from the DataViews screen.","2":"<strong>Editor<\/strong> \u2013 Design popup content and adjust its appearance.","3":"<strong>Layouts<\/strong> \u2013 Choose from five starter popup types.","4":"<strong>Settings<\/strong> \u2013 Configure conditions, triggers, and audience rules.","5":"<strong>Preview<\/strong> \u2013 View a published popup on the frontend."}},"plugin_section":[],"plugin_tags":[148857,456,613,4906,491],"plugin_category":[55],"plugin_contributors":[98255,98254,245419],"plugin_business_model":[],"class_list":["post-350655","plugin","type-plugin","status-publish","hentry","plugin_tags-block-editor","plugin_tags-marketing","plugin_tags-modal","plugin_tags-notifications","plugin_tags-popup","plugin_category-seo-and-marketing","plugin_contributors-ajitbohra","plugin_contributors-lubus","plugin_contributors-punitv342","plugin_committers-ajitbohra","plugin_committers-lubus","plugin_committers-punitv342"],"banners":{"banner":"https:\/\/ps.w.org\/blablablocks-popup\/assets\/banner-772x250.png?rev=3657273","banner_2x":"https:\/\/ps.w.org\/blablablocks-popup\/assets\/banner-1544x500.png?rev=3657273","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/blablablocks-popup\/assets\/icon-128x128.png?rev=3657273","icon_2x":"https:\/\/ps.w.org\/blablablocks-popup\/assets\/icon-256x256.png?rev=3657273","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/blablablocks-popup\/assets\/screenshot-1.png?rev=3657273","caption":"<strong>Management<\/strong> \u2013 Manage popups from the DataViews screen."},{"src":"https:\/\/ps.w.org\/blablablocks-popup\/assets\/screenshot-2.png?rev=3657273","caption":"<strong>Editor<\/strong> \u2013 Design popup content and adjust its appearance."},{"src":"https:\/\/ps.w.org\/blablablocks-popup\/assets\/screenshot-3.png?rev=3657273","caption":"<strong>Layouts<\/strong> \u2013 Choose from five starter popup types."},{"src":"https:\/\/ps.w.org\/blablablocks-popup\/assets\/screenshot-4.png?rev=3657273","caption":"<strong>Settings<\/strong> \u2013 Configure conditions, triggers, and audience rules."},{"src":"https:\/\/ps.w.org\/blablablocks-popup\/assets\/screenshot-5.png?rev=3657273","caption":"<strong>Preview<\/strong> \u2013 View a published popup on the frontend."}],"raw_content":"<!--section=description-->\n<h3>Build Popups in the WordPress Block Editor<\/h3>\n\n<p><strong>BlaBlaBlocks Popup<\/strong> is a powerful yet lightweight WordPress plugin that empowers you to create and manage dynamic popups seamlessly using the native Block Editor (Gutenberg).<\/p>\n\n<p>Choose a starter layout, edit its content in the native Block Editor, and control where, when, and how the popup appears from dedicated settings.<\/p>\n\n<h3>Why Choose BlaBlaBlocks Popup?<\/h3>\n\n<p>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.<\/p>\n\n<h4>Key Highlights<\/h4>\n\n<ul>\n<li><strong>Native Block Editing:<\/strong> Build popup content with core and third-party blocks.<\/li>\n<li><strong>Starter Layouts:<\/strong> Start with a modal, slide-in, floating bar, fullscreen popup, or toast notification.<\/li>\n<li><strong>Flexible Display Conditions:<\/strong> Target the entire site, front page, selected posts or pages, and archives.<\/li>\n<li><strong>Multiple Triggers:<\/strong> Open popups on page load, scroll, click count, inactivity, exit intent, or a manual selector.<\/li>\n<li><strong>Advanced Display Rules:<\/strong> Limit popups by page views, sessions, display count, referrer, login state, user role, and device.<\/li>\n<li><strong>Modern Popup Management:<\/strong> Search, filter, sort, duplicate, trash, restore, and permanently delete popups from a DataViews screen.<\/li>\n<\/ul>\n\n<h3>Key Features<\/h3>\n\n<h4>1. Native Popup Content Editing<\/h4>\n\n<p>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.<\/p>\n\n<h4>2. Ready-to-Use Popup Types<\/h4>\n\n<p>Choose a starting layout when creating a popup:<\/p>\n\n<ul>\n<li>Modal Popup<\/li>\n<li>Slide-in Popup<\/li>\n<li>Floating Bar<\/li>\n<li>Fullscreen Popup<\/li>\n<li>Toast \/ Small Notification<\/li>\n<\/ul>\n\n<p>The selected layout provides a useful starting point while remaining fully customizable.<\/p>\n\n<h4>3. Layout and Style Controls<\/h4>\n\n<p>Configure the popup from its editor sidebar:<\/p>\n\n<ul>\n<li>Width, height, and screen position<\/li>\n<li>Overlay and close button visibility<\/li>\n<li>Background and overlay colors<\/li>\n<li>Padding and margin<\/li>\n<li>Borders and border radius<\/li>\n<li>Entrance and exit animations<\/li>\n<\/ul>\n\n<h4>4. Triggers and Manual Opening<\/h4>\n\n<p>Automatically open a popup using page load delay, scroll amount, scroll direction, scroll-to-element, click count, inactivity, or exit intent.<\/p>\n\n<p>For direct control, add CSS selectors that open the popup from a link, button, navigation item, or other page element.<\/p>\n\n<h4>5. Conditions and Audience Rules<\/h4>\n\n<p>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.<\/p>\n\n<h4>6. WordPress Interactivity API<\/h4>\n\n<p>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.<\/p>\n\n<h3>How to Create a Popup<\/h3>\n\n<h4>Step 1: Add a Popup<\/h4>\n\n<p>Open <strong>Popups<\/strong> in the WordPress admin menu and click <strong>Add Popup<\/strong>. Enter a title to create a draft.<\/p>\n\n<h4>Step 2: Choose a Popup Type<\/h4>\n\n<p>Select a modal, slide-in, floating bar, fullscreen, or toast layout as your starting point.<\/p>\n\n<h4>Step 3: Design the Content<\/h4>\n\n<p>Add and arrange blocks in the editor. Use the popup sidebar to adjust layout, colors, spacing, borders, and animations.<\/p>\n\n<h4>Step 4: Configure Display Settings<\/h4>\n\n<p>Set the popup's conditions, triggers, and advanced rules from the popup management screen.<\/p>\n\n<h4>Step 5: Publish and Test<\/h4>\n\n<p>Publish the popup and test its triggers, close behavior, responsive layout, and targeting on the frontend.<\/p>\n\n<h3>Common Use Cases<\/h3>\n\n<ul>\n<li><strong>Email Signup Forms:<\/strong> Present a focused subscription form after a delay or scroll threshold.<\/li>\n<li><strong>Announcements:<\/strong> Display product launches, service updates, or important notices.<\/li>\n<li><strong>Promotions:<\/strong> Show time-sensitive offers and calls to action.<\/li>\n<li><strong>Floating Notices:<\/strong> Keep a compact message visible at the top or bottom of the page.<\/li>\n<li><strong>Exit Messages:<\/strong> Display a final offer or reminder when a visitor shows exit intent.<\/li>\n<li><strong>Manual Dialogs:<\/strong> Open additional information from a button or link using a CSS selector.<\/li>\n<\/ul>\n\n<h3>Integration and Compatibility<\/h3>\n\n<p>BlaBlaBlocks Popup is designed for:<\/p>\n\n<ul>\n<li>Block themes and the Site Editor<\/li>\n<li>Classic themes that support the Block Editor<\/li>\n<li>Core WordPress blocks<\/li>\n<li>Third-party blocks that render standard block markup<\/li>\n<li>Desktop, tablet, and mobile targeting<\/li>\n<\/ul>\n\n<h3>Troubleshooting<\/h3>\n\n<h4>A Popup Does Not Open<\/h4>\n\n<ul>\n<li>Confirm that the popup is published.<\/li>\n<li>Check that its display conditions match the current page.<\/li>\n<li>Verify that at least one automatic trigger is enabled, or use a configured manual selector.<\/li>\n<li>Review display limits, login rules, role rules, and device targeting.<\/li>\n<\/ul>\n\n<h4>A Manual Trigger Does Not Work<\/h4>\n\n<p>Confirm that the configured selector matches an element on the page. CSS class selectors begin with a period, such as <code>.open-newsletter<\/code>, and ID selectors begin with a hash, such as <code>#open-newsletter<\/code>.<\/p>\n\n<h4>Popup Styles Look Different on the Frontend<\/h4>\n\n<p>Theme or block styles can affect popup content. Inspect the conflicting style and adjust the popup controls or theme CSS as needed.<\/p>\n\n<h3>Open Source and Contributions<\/h3>\n\n<p><strong>BlaBlaBlocks Popup<\/strong> is open source under the <strong>MIT License<\/strong>.<br \/>\nYou can freely use, modify, and contribute to its development.<\/p>\n\n<ul>\n<li><p><strong>Source Code:<\/strong><br \/>\n<a href=\"https:\/\/github.com\/lubusIN\/blablablocks-popup\">https:\/\/github.com\/lubusIN\/blablablocks-popup<\/a><\/p><\/li>\n<li><p><strong>Report Issues:<\/strong><br \/>\n<a href=\"https:\/\/github.com\/lubusIN\/blablablocks-popup\/issues\">https:\/\/github.com\/lubusIN\/blablablocks-popup\/issues<\/a><\/p><\/li>\n<\/ul>\n\n<!--section=installation-->\n<h4>Automatic<\/h4>\n\n<ol>\n<li>Log in to your WordPress dashboard.<\/li>\n<li>Navigate to <strong>Plugins &gt; Add New<\/strong>.<\/li>\n<li>Search for <strong>BlaBlaBlocks Popup<\/strong>.<\/li>\n<li>Select <strong>Install Now<\/strong>, then activate the plugin.<\/li>\n<\/ol>\n\n<h4>Manual<\/h4>\n\n<ol>\n<li>Download the BlaBlaBlocks Popup plugin ZIP.<\/li>\n<li>In WordPress, navigate to <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong>.<\/li>\n<li>Upload the ZIP file and select <strong>Install Now<\/strong>.<\/li>\n<li>Activate the plugin through the Plugins screen.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"can%20i%20use%20wordpress%20blocks%20inside%20a%20popup%3F\"><h3>Can I use WordPress blocks inside a popup?<\/h3><\/dt>\n<dd><p>Yes. Popup content is created in the native Block Editor and supports core and compatible third-party blocks.<\/p><\/dd>\n<dt id=\"which%20popup%20types%20are%20included%3F\"><h3>Which popup types are included?<\/h3><\/dt>\n<dd><p>The plugin includes modal, slide-in, floating bar, fullscreen, and toast starter layouts.<\/p><\/dd>\n<dt id=\"can%20i%20target%20specific%20posts%20or%20pages%3F\"><h3>Can I target specific posts or pages?<\/h3><\/dt>\n<dd><p>Yes. Display conditions can target selected posts, pages, front page, archives, or the entire site.<\/p><\/dd>\n<dt id=\"which%20automatic%20triggers%20are%20available%3F\"><h3>Which automatic triggers are available?<\/h3><\/dt>\n<dd><p>Triggers include page load, scroll amount or direction, scroll to an element, click count, inactivity, and exit intent.<\/p><\/dd>\n<dt id=\"can%20a%20button%20or%20link%20open%20a%20popup%3F\"><h3>Can a button or link open a popup?<\/h3><\/dt>\n<dd><p>Yes. Add the button or link's CSS selector to the popup's manual open selectors.<\/p><\/dd>\n<dt id=\"can%20i%20limit%20how%20often%20a%20popup%20appears%3F\"><h3>Can I limit how often a popup appears?<\/h3><\/dt>\n<dd><p>Yes. Advanced rules include page view, session, and maximum display limits stored in the visitor's browser.<\/p><\/dd>\n<dt id=\"can%20i%20hide%20popups%20from%20logged-in%20users%3F\"><h3>Can I hide popups from logged-in users?<\/h3><\/dt>\n<dd><p>Yes. Popups can be hidden from all logged-in users or selected user roles.<\/p><\/dd>\n<dt id=\"can%20i%20target%20different%20devices%3F\"><h3>Can I target different devices?<\/h3><\/dt>\n<dd><p>Yes. Choose whether a popup can appear on desktop, tablet, and mobile devices.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20use%20jquery%3F\"><h3>Does the plugin use jQuery?<\/h3><\/dt>\n<dd><p>No. Frontend popup behavior uses the WordPress Interactivity API.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release of BlaBlaBlocks Popup.<\/li>\n<\/ul>","raw_excerpt":"Create responsive popups with the native Block Editor, flexible triggers, display conditions, and the WordPress Interactivity API.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/350655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=350655"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/lubus"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=350655"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=350655"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=350655"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=350655"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=350655"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=350655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}