Introduction
Header Notification Bar is a premium Joomla site module that displays customizable announcement bars at the top or bottom of your site—ideal for flash sales, coupons, CTAs, and alerts. Version 3.1 adds countdown timers, coupon copy, floating layouts, icons/badges, A/B testing, device targeting, and GA4 analytics. Built for Joomla 4, 5, and 6.
Key Features
Design & Appearance
- 50+ Predefined Themes — Ready-made looks including urgent, promo, dark, gradient, and playful styles
- Live Theme Editor — Edit theme CSS with on-screen preview
- Advanced Typography — Font family (system + Google Fonts), size/unit, weight, transform, style, decoration, line height, letter spacing
- Custom Styling Mode — Colours, padding, alignment, shadows, and full button styling
- Icons & Badges — SVG icons and short labels such as SALE or NEW
- Floating or Full Width — Classic full-bleed bar or inset floating layout
- Mobile Responsive — Works across desktop, tablet, and phone; optional device targeting
Positioning & Behaviour
- Positions — Fixed header, fixed footer, or header pushed
- Body Offset — Optionally push page content clear of a fixed top bar
- Distance Control — Pixel offsets from top or bottom
- Appear On — Page load or after scroll
- Dismiss Storage — Cookie or session, with Test Mode for safe previews
- Close Button — Optional accessible close control
- Animations — Smooth, slide, bounce, or none (speed + delay; respects reduced motion)
Conversion Toolkit (v3.1)
- Countdown Timer — Live ends-in timer with optional hide-when-expired
- Coupon Copy Code — One-click promo code chip with custom label
- Primary + Secondary CTAs — Main button plus optional secondary link
- Auto-Dismiss + Progress — Timed hide with optional progress bar
- A/B Testing — Split traffic between variants (message, button, theme, badge, coupon)
- Analytics — GA4/gtag, GTM, legacy UA, or custom JS (view, click, close, coupon)
Targeting & Integration
- Device Targeting — Desktop, tablet, and/or mobile
- Scheduling — Start/end dates and optional time-of-day windows
- Pages / Users / Language — Use Joomla Menu Assignment, Access, and Language (no duplicate params)
- Extra CSS / Custom JavaScript — Extend without forking
- Optional AJAX Load — Lighten impact on first paint
Use Cases
- Flash sales and limited-time offers (countdown + coupon)
- Free-shipping and discount announcements
- Product launches and webinar reminders
- A/B testing of CTA copy and themes
- Mobile-only app download prompts
- Newsletter or membership CTAs
- Site-wide alerts via Menu Assignment
Technical Specifications
- Joomla Compatibility: Joomla 4.x, 5.x, and 6.x (Joomla 3 not supported)
- Architecture: Services provider, namespaced Dispatcher/Helpers/Fields, WebAssetManager assets
- Settings UX: Compact tabs — General, Content, Style, Targeting, Advanced
- PHP Compatibility: PHP 8.1+ recommended (compatible with modern Joomla stacks)
- Browser Support: Current Chrome, Firefox, Safari, and Edge
- Documentation: Installation and configuration guides included
- Support: https://support.joomlax.com
Why Choose Header Notification Bar?
- Saleable features — Countdown, coupons, A/B tests, and analytics out of the box
- Professional look — 50+ themes plus live CSS editing and typography
- Cleaner admin — Focused tabs; relies on core Joomla assignment/access/language
- Current stack — Modern Joomla 4/5/6 extension structure
- Easy to ship — Configure in minutes without template hacks
Header Notification Bar helps marketers and site owners run high-visibility campaigns without rebuilding the template—while staying compatible with how Joomla modules already assign pages, users, and languages.
Tags: notification bar, header bar, announcement bar, joomla notification, alert bar, promotion bar, header notification, sticky header, joomla module, marketing bar, countdown timer, coupon bar, A/B testing, floating notification, top bar, bottom bar, flash sale, promo banner, GA4 analytics, Joomla 5, Joomla 6
Header Notification Bar is a simple yet powerful responsive module that can be used for notifications, promos, events, or anything related on the top or bottom of a website. It can appear on page load or page scroll.
The bar will be fixed at the top or bottom of the page. It is easy to configure. The text color can be changed, and the message can have links and images.
Key Features
- Show the notification attached to the top or bottom of the website.
- Display notifications at the top or bottom of the page, fixed in position.
- NEW: Customize the distance from the top or bottom.
- Show the notification on page load or page scroll.
- Choose to display notifications when the page loads or when the user scrolls.
- NEW: Specify the scroll amount after which the notification will show.
- Change Color of the Notification Bar.
- Customize the background color of the notification bar.
- Change Color of the Text.
- Customize the text color within the notification bar.
- Option to Control the Opacity of the Bar.
- Adjust the opacity level for the notification bar.
- With Fading Effects While Loading.
- Smooth fading effects when the notification bar appears.
- Can be Used Either as Cookie or Session Based.
- Choose between using cookies or sessions to control the notification display.
- NEW: Define the number of days for the cookie to expire.
- Add HTML into the Message.
- Enhance your notification message with HTML, including links and images.
- Option to Appear Once in a Day for a Particular User.
- Ensure the notification bar appears only once per day per user.
- Customizable Button.
- Add a button with customizable text, URL, target (same window or new window), color, hover color, text color, text size, radius, and custom class.
- Customizable Styling.
- Set the notification bar style to flat or shadow.
- NEW: Customize the shadow color.
- Customize the bar padding, text font type (user-defined or Google Font), font family, text size, and text alignment.
- NEW: Hide or show the close button.
- Advanced Options.
- Add extra CSS for further customization.
- Use module class suffix for specific styling needs.
If you have any queries or want support regarding our module, you can open a support ticket at Infyways Support.
Get started with Header Notification Bar today and enhance your website’s communication with visitors!
notification bar, header notification, footer notification, responsive notification bar, Joomla notification module, promo bar, event notification, top bar, bottom bar, page load notification, page scroll notification, customizable notification bar, notification bar styling, notification bar opacity, cookie-based notification, session-based notification, HTML notification, notification with links, notification with images, notification bar fade effect, Google Font notification bar, text color customization, background color customization, notification bar padding, shadow style notification bar, flat style notification bar, notification bar close button, advanced notification settings, extra CSS notification bar, Joomla module, website notification, Infyways Solutions, web notification bar, user notification, message bar, website alert, banner notification, notification bar button, notification bar customization, user-defined notification, Joomla extension, Joomla 3 notification bar, Joomla 4 notification bar, notification bar distance setting, sticky notification bar, fixed position notification bar
Header Notification Bar
- Version:
- 3.1
- Developer:
- Infyways Solutions
- Last updated:
-
Jul 14 2026
1 week ago - Date added:
- Nov 19 2014
- License:
- GPLv2 or later
- Type:
- Paid download
- Includes:
- m
- Compatibility:
- J4 J5 J6
Share