{"id":296169,"date":"2026-04-14T19:08:00","date_gmt":"2026-04-14T19:08:00","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/custom-notice-bar-cta\/"},"modified":"2026-04-16T17:32:11","modified_gmt":"2026-04-16T17:32:11","slug":"gridxflex-announcement-bars","status":"publish","type":"plugin","link":"https:\/\/ca-valencia.wordpress.org\/plugins\/gridxflex-announcement-bars\/","author":23474364,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.0","stable_tag":"1.1.0","tested":"6.9.4","requires":"5.0","requires_php":"7.2","requires_plugins":null,"header_name":"Gridxflex Announcement Bars with CTA","header_author":"Grid X Flex","header_description":"Lightweight, fully customizable announcement bar with display options and cookie-based dismissibility.","assets_banners_color":"9247d0","last_updated":"2026-04-16 17:32:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/gridxflex-announcement-bars\/","header_author_uri":"https:\/\/github.com\/gridxflex","rating":0,"author_block_rating":0,"active_installs":0,"downloads":120,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"gridxflex","date":"2026-04-14 19:10:32"},"1.1.0":{"tag":"1.1.0","author":"gridxflex","date":"2026-04-16 17:32:11"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3506374,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3508322,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3508322,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3506374,"resolution":"1","location":"assets","locale":"","width":906,"height":557},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3506374,"resolution":"2","location":"assets","locale":"","width":868,"height":565},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3506374,"resolution":"3","location":"assets","locale":"","width":865,"height":286},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3506374,"resolution":"4","location":"assets","locale":"","width":963,"height":565},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3506374,"resolution":"5","location":"assets","locale":"","width":870,"height":440},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3506374,"resolution":"6","location":"assets","locale":"","width":865,"height":566},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3506374,"resolution":"7","location":"assets","locale":"","width":1349,"height":568},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3506374,"resolution":"8","location":"assets","locale":"","width":369,"height":554}},"screenshots":{"1":"Announcement Bars list page with enable\/disable toggles and action buttons","2":"Add \/ Edit announcement bar \u2014 Basic Settings","3":"Add \/ Edit announcement bar \u2014 Button Settings","4":"Add \/ Edit announcement bar \u2014 Design Settings","5":"Add \/ Edit announcement bar \u2014 Visibility Settings","6":"Add \/ Edit announcement bar \u2014 Schedule and Trigger Settings","7":"Notice bar displayed at the top of a website","8":"Mobile responsive view"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[7553,784,193024,245121],"plugin_category":[],"plugin_contributors":[260216],"plugin_business_model":[],"class_list":["post-296169","plugin","type-plugin","status-publish","hentry","plugin_tags-announcement-bar","plugin_tags-banner","plugin_tags-custom-notice","plugin_tags-dismissible","plugin_contributors-gridxflex","plugin_committers-gridxflex"],"banners":{"banner":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/banner-772x250.png?rev=3508322","banner_2x":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/banner-1544x500.png?rev=3508322","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/icon-256x256.png?rev=3506374","icon_2x":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/icon-256x256.png?rev=3506374","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/screenshot-1.png?rev=3506374","caption":"Announcement Bars list page with enable\/disable toggles and action buttons"},{"src":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/screenshot-2.png?rev=3506374","caption":"Add \/ Edit announcement bar \u2014 Basic Settings"},{"src":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/screenshot-3.png?rev=3506374","caption":"Add \/ Edit announcement bar \u2014 Button Settings"},{"src":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/screenshot-4.png?rev=3506374","caption":"Add \/ Edit announcement bar \u2014 Design Settings"},{"src":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/screenshot-5.png?rev=3506374","caption":"Add \/ Edit announcement bar \u2014 Visibility Settings"},{"src":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/screenshot-6.png?rev=3506374","caption":"Add \/ Edit announcement bar \u2014 Schedule and Trigger Settings"},{"src":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/screenshot-7.png?rev=3506374","caption":"Notice bar displayed at the top of a website"},{"src":"https:\/\/ps.w.org\/gridxflex-announcement-bars\/assets\/screenshot-8.png?rev=3506374","caption":"Mobile responsive view"}],"raw_content":"<!--section=description-->\n<p>Transform your WordPress website with a stunning, fully responsive <strong>Gridxflex Announcement Bars with CTA<\/strong> \u2014 a lightweight, easy-to-use plugin that allows you to display customizable announcement bars on your website. Perfect for announcements, promotions, or important notifications without slowing down your site.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>Multiple Announcement Bars<\/strong> \u2014 Create and manage unlimited announcement bars with individual settings<\/li>\n<li><strong>Priority Ordering<\/strong> \u2014 Control which announcement bars appear first using priority values<\/li>\n<li><strong>Enable \/ Disable Toggle<\/strong> \u2014 Instantly activate or deactivate any announcement bar from the list<\/li>\n<li><strong>Duplicate Notice<\/strong> \u2014 Clone any existing announcement bar as a starting point for a new one<\/li>\n<li><strong>Flexible Announcement Bar<\/strong> \u2014 Display notice at top or bottom of website<\/li>\n<li><strong>Sticky or Static<\/strong> \u2014 Choose between fixed (sticky) or inline (non-sticky) display<\/li>\n<li><strong>Fully Customizable Text<\/strong> \u2014 Edit notice text directly from admin panel with HTML support<\/li>\n<li><strong>CTA Button<\/strong> \u2014 Add a custom button with URL and open-in-new-tab option<\/li>\n<li><strong>Design Controls<\/strong> \u2014 Customize colors, padding, and font size<\/li>\n<li><strong>Scheduling<\/strong> \u2014 Set start and end dates to automatically show or hide a announcement bar<\/li>\n<li><strong>Trigger: Time Delay<\/strong> \u2014 Show notice after a configurable number of seconds<\/li>\n<li><strong>Trigger: Scroll Percentage<\/strong> \u2014 Show notice when the user scrolls a set percentage down the page<\/li>\n<li><strong>Trigger: Exit Intent<\/strong> \u2014 Show notice when the user moves their cursor toward closing the tab (desktop only)<\/li>\n<li><strong>Visibility Controls<\/strong> \u2014 Show on entire site, homepage only, specific pages, specific categories, specific tags, or selected post types<\/li>\n<li><strong>User Role Targeting<\/strong> \u2014 Show notice only to selected user roles<\/li>\n<li><strong>Hide from Logged-in Users<\/strong> \u2014 Option to show notice only to visitors<\/li>\n<li><strong>Dismissible Option<\/strong> \u2014 Allow users to close the bar with cookie-based memory (30 days)<\/li>\n<li><strong>Lightweight<\/strong> \u2014 No external libraries, minimal CSS and JavaScript<\/li>\n<li><strong>Fully Responsive<\/strong> \u2014 Works perfectly on mobile, tablet, and desktop devices<\/li>\n<li><strong>Analytics<\/strong> \u2014 Smart analytics with total views and clicks count and auto CTR calculation<\/li>\n<\/ul>\n\n<h4>Design Controls<\/h4>\n\n<ul>\n<li>Background color picker<\/li>\n<li>Text color picker<\/li>\n<li>Button color customization<\/li>\n<li>Adjustable padding &amp; font size<\/li>\n<li>Entrance animation style picker (slide, fade, reveal, pop, bounce, flip)<\/li>\n<li>Animation duration control (milliseconds)<\/li>\n<\/ul>\n\n<h4>Visibility Settings<\/h4>\n\n<ul>\n<li>Show on entire site<\/li>\n<li>Show only on homepage<\/li>\n<li>Show on specific pages<\/li>\n<li>Show on specific categories<\/li>\n<li>Show on specific tags<\/li>\n<li>Show on specific post types<\/li>\n<li>Show to specific user roles only<\/li>\n<li>Option to hide for logged-in users<\/li>\n<\/ul>\n\n<h4>Schedule Settings<\/h4>\n\n<ul>\n<li>Set a start date and time for a notice to automatically appear<\/li>\n<li>Set an end date and time for a notice to automatically disappear<\/li>\n<li>Leave either field empty for open-ended scheduling<\/li>\n<\/ul>\n\n<h4>Trigger Settings<\/h4>\n\n<ul>\n<li>Show after a configurable time delay (seconds)<\/li>\n<li>Show after the user scrolls a set percentage down the page<\/li>\n<li>Show on exit intent \u2014 when user moves cursor toward closing the tab (desktop only)<\/li>\n<\/ul>\n\n<h4>Dismissible Feature<\/h4>\n\n<ul>\n<li>Allow users to close the bar with a close button<\/li>\n<li>Cookie-based memory for dismissed notices (30 days)<\/li>\n<\/ul>\n\n<h3>Support<\/h3>\n\n<p>For support, please visit the plugin documentation or contact our support team.<\/p>\n\n<h3>License<\/h3>\n\n<p>Gridxflex Announcement Bars with CTA is licensed under the GPL v2 or later. See LICENSE file for details.<\/p>\n\n<h3>Additional Info<\/h3>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 5.0 or higher<\/li>\n<li>PHP 7.2 or higher<\/li>\n<\/ul>\n\n<h4>Browser Support<\/h4>\n\n<ul>\n<li>Chrome (latest)<\/li>\n<li>Firefox (latest)<\/li>\n<li>Safari (latest)<\/li>\n<li>Microsoft Edge (latest)<\/li>\n<li>Mobile browsers \u2014 iOS Safari, Chrome for Android<\/li>\n<\/ul>\n\n<h4>Privacy<\/h4>\n\n<p>This plugin does not collect, store, or transmit any user data. It only stores announcement bar settings in your WordPress database.<\/p>\n\n<h4>Support or Feature Requests<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/github.com\/gridxflex\/gridxflex-announcement-bars\">GitHub Repository<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/support\/plugin\/gridxflex-announcement-bars\/\">WordPress Support Forum<\/a><\/li>\n<\/ul>\n\n<h4>Contributing<\/h4>\n\n<p>Contributions are welcome! Please feel free to submit a Pull Request on GitHub.<\/p>\n\n<h3>Credits<\/h3>\n\n<p>Built with \u2764\ufe0f for WordPress using best practices and WordPress coding standards.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Download the plugin ZIP file<\/li>\n<li>In your WordPress dashboard, go to <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong><\/li>\n<li>Upload the ZIP file and click <strong>Install Now<\/strong><\/li>\n<li>Click <strong>Activate Plugin<\/strong><\/li>\n<li>Navigate to <strong>Dashboard &gt; Announcement Bars<\/strong> to manage your announcement bars<\/li>\n<li>Click <strong>Add New<\/strong> to create your first announcement bar<\/li>\n<li>Customize text, colors, position, visibility, schedule, and trigger options<\/li>\n<li>Click <strong>Save Notice<\/strong> and the announcement bar will appear on your website<\/li>\n<\/ol>\n\n<p>Alternatively, you can upload the plugin files manually to <code>\/wp-content\/plugins\/gridxflex-announcement-bars\/<\/code> and activate it through the Plugins menu.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20require%20any%20other%20plugins%3F\"><h3>Does this plugin require any other plugins?<\/h3><\/dt>\n<dd><p>No. Gridxflex Announcement Bars with CTA is a standalone plugin with no external dependencies.<\/p><\/dd>\n<dt id=\"can%20i%20have%20multiple%20announcement%20bars%3F\"><h3>Can I have multiple announcement bars?<\/h3><\/dt>\n<dd><p>Yes! The plugin supports unlimited announcement bars. Each announcement bar has its own settings, scheduling, targeting, and trigger options. Use the Priority field to control which notice appears first when multiple bars are active.<\/p><\/dd>\n<dt id=\"how%20long%20is%20the%20dismissal%20cookie%20stored%3F\"><h3>How long is the dismissal cookie stored?<\/h3><\/dt>\n<dd><p>The dismissal cookie is stored for 30 days. After 30 days, the notice will appear again for users.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20announcement%20bar%20colors%3F\"><h3>Can I customize the announcement bar colors?<\/h3><\/dt>\n<dd><p>Yes, you can fully customize the background color, text color, and button color using the color pickers in the settings.<\/p><\/dd>\n<dt id=\"does%20this%20plugin%20affect%20site%20performance%3F\"><h3>Does this plugin affect site performance?<\/h3><\/dt>\n<dd><p>No, the plugin is lightweight with minimal CSS and JavaScript. It has no impact on site performance.<\/p><\/dd>\n<dt id=\"can%20i%20show%20the%20announcement%20bar%20on%20specific%20pages%3F\"><h3>Can I show the announcement bar on specific pages?<\/h3><\/dt>\n<dd><p>Yes, you can choose to show it on the entire site, homepage only, specific pages, specific categories, specific tags, or specific post types.<\/p><\/dd>\n<dt id=\"can%20i%20target%20specific%20user%20roles%3F\"><h3>Can I target specific user roles?<\/h3><\/dt>\n<dd><p>Yes, you can restrict a announcement bar to show only to selected WordPress user roles (e.g. subscribers, editors, administrators).<\/p><\/dd>\n<dt id=\"can%20i%20schedule%20when%20a%20announcement%20bar%20appears%20and%20disappears%3F\"><h3>Can I schedule when a announcement bar appears and disappears?<\/h3><\/dt>\n<dd><p>Yes, each announcement bar has a start date and end date field. Leave them empty for always-on notices, or set both to run a time-limited campaign.<\/p><\/dd>\n<dt id=\"what%20trigger%20options%20are%20available%3F\"><h3>What trigger options are available?<\/h3><\/dt>\n<dd><p>Three trigger options are available: show after a time delay (seconds), show after the user scrolls a set percentage down the page, and show on exit intent when the user moves their cursor toward closing the tab (desktop only).<\/p><\/dd>\n<dt id=\"what%20is%20the%20difference%20between%20sticky%20and%20non-sticky%3F\"><h3>What is the difference between sticky and non-sticky?<\/h3><\/dt>\n<dd><p>A sticky announcement bar is fixed to the top or bottom of the viewport and stays visible while the user scrolls. A non-sticky announcement bar is rendered inline in the page flow and scrolls away with the content.<\/p><\/dd>\n<dt id=\"is%20the%20plugin%20mobile%20responsive%3F\"><h3>Is the plugin mobile responsive?<\/h3><\/dt>\n<dd><p>Yes, the announcement bar is fully responsive and works perfectly on all devices including mobile, tablet, and desktop.<\/p><\/dd>\n<dt id=\"can%20i%20use%20html%20in%20the%20notice%20text%3F\"><h3>Can I use HTML in the notice text?<\/h3><\/dt>\n<dd><p>Basic HTML tags are allowed in the notice text for formatting.<\/p><\/dd>\n<dt id=\"where%20can%20i%20get%20support%3F\"><h3>Where can I get support?<\/h3><\/dt>\n<dd><p>You can find support on the WordPress.org plugin support forum or contact the plugin author directly.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>New: Text Alignment control (left \/ center \/ right) per announcement bar<\/li>\n<li>New: Font Weight control (normal \/ medium \/ semi-bold \/ bold) per announcement bar<\/li>\n<li>New: Button Text Color picker \u2014 independent from button background color<\/li>\n<li>New: Button Padding \u2014 separate vertical and horizontal padding controls<\/li>\n<li>New: Button Border Radius \u2014 square to pill-shaped buttons<\/li>\n<li>New: Responsive Settings section \u2014 Mobile Layout mode (auto \/ row \/ column)<\/li>\n<li>New: Mobile Font Size override (0 = use default)<\/li>\n<li>New: Mobile Padding override (0 = use default)<\/li>\n<li>Improvement: Button color and text color now use CSS custom properties for instant theming<\/li>\n<li>Improvement: Text alignment and font weight driven by CSS variables (no inline styles on text)<\/li>\n<li>DB: Added 9 new columns to gabc_notices table (auto-migrated via dbDelta)<\/li>\n<\/ul>\n\n<h4>1.0.0 - Initial Release<\/h4>\n\n<ul>\n<li>Core functionality for customizable announcement bars<\/li>\n<li>Unlimited announcement bars with priority ordering<\/li>\n<li>Enable \/ disable toggle per announcement bar<\/li>\n<li>Duplicate announcement bar action<\/li>\n<li>Admin settings page with full customization options<\/li>\n<li>Frontend display with responsive design<\/li>\n<li>Sticky and non-sticky display modes<\/li>\n<li>Dismissible with cookie-based memory<\/li>\n<li>Visibility controls \u2014 entire site, homepage, specific pages, categories, tags, post types<\/li>\n<li>User role targeting<\/li>\n<li>Schedule settings \u2014 start and end date per notice<\/li>\n<li>Trigger settings \u2014 time delay, scroll percentage, exit intent<\/li>\n<li>Color customization<\/li>\n<li>Hide from logged-in users option<\/li>\n<\/ul>","raw_excerpt":"Lightweight, fully customizable announcement bar with display options and cookie-based dismissibility.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/296169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=296169"}],"author":[{"embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/gridxflex"}],"wp:attachment":[{"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=296169"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=296169"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=296169"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=296169"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=296169"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=296169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}