A dynamic header notification module for displaying announcements, promotions, alerts, countdown timers, CTA buttons, and social media links in a compact top-bar layout.
A versatile top-of-page notification bar module designed to display important announcements, promotions, alerts, and engagement elements across the website. This module supports rich content components including icons/images, notification text, CTA buttons, countdown timers, and social media icons—allowing businesses to create dynamic and interactive header messaging experiences.
Icon Type Selection
Choose whether to display an icon or image in the notice bar to visually support the alert or announcement content.
Icon / Image Upload
Upload or select a custom icon/image to represent the notice message and improve visual engagement.
Alert Message Text
Enter the main notification or promotional text to be displayed prominently in the notice bar.
CTA Button Toggle
Enable or disable the call-to-action button based on campaign or announcement requirements.
Button Configuration
Set custom button text, destination link, link type, and new tab behavior for user actions.
Countdown Timer Setup
Configure target date and time for countdown campaigns such as promotions, launches, or events.
Timer Unit Display Controls
Choose which countdown units to display: days, hours, minutes, and seconds.
Social Icons Management
Add, remove, or reorder social media icons to provide quick access to brand social channels.
Style Customization
Override default styling with custom background colors, gradients, icon colors, text colors, and close icon colors.
Advanced Spacing & Layout
Adjust padding, margins, and spacing for the notice bar, countdown timer, and social icons to match design requirements.
Easy-to-follow documentation for smooth implementation
SyngHub Smart Notice Bar
A dynamic header notification module for displaying announcements, promotions, alerts, countdown timers, CTA buttons, and social media links in a compact top-bar layout.
.png?width=153&height=152&name=Icon%20(1).png)
.png?width=153&height=152&name=Icon%20(2).png)
