HexalianWebsite Promo Banner & Announcement Bar | Sticky Header, Countdown Timer, Analytics
Website Announcement Bars with Countdown Timers, Click Analytics, Visitor Targeting, URL Filtering & 30 Ready-to-Use Templates (B2B + eCommerce)
🚀 Announcement Bar Studio
The Ultimate Marketing Header Engine for Odoo 18 eCommerce & B2B
Important Warning - Test First!
Please use and evaluate this module on a test database first before deploying it to your production environment. Always ensure that newly installed modules function properly alongside your specific configuration and data setup.
Request A Live Demo
A live demo environment is available! If you'd like to test the features and templates prior to purchase, or need a guided walkthrough, please request access by emailing us at: [email protected]
Production Ready
This module has been rigorously reviewed and is fully prepared for productive uses! Leverage its power in your live environment today.
Overview
Create Urgency · Drive Conversions · Capture Attention
Announcement Bar Studio is a professional Odoo 18 module that lets you place highly customizable announcement bars at the top of your website. It ships with 30 ready-to-use templates, a live visual preview editor, a real-time countdown timer, audience targeting, scheduling controls, performance analytics, and full developer-grade extensibility.
Designed for both eCommerce and B2B scenarios, it helps marketing teams launch promotions, urgency campaigns, and informational messages without touching a single line of code. All managed directly from the Odoo backend.
Key Features
Everything you need for smart marketing headers
Flash Sales & Live Countdown
Real JavaScript countdown timer auto-hides the bar when the deadline is reached. Configure from the backend.
Visual Designer + Live Preview
The backend live preview renders the exact bar appearance in real time as you change settings.
Audience Targeting
Show different bars to first-time vs. returning visitors automatically using lightweight cookies.
Infinite Multi-Bar Stacking
No "Default Template" limits. Just toggle templates to 'Active' and they will seamlessly stack on your website based on their Sequence Priority.
Privacy & Compliance Control
Strict controls over Cookie injection directly from the settings menu to ensure GDPR & CCPA compliance for your audience tracking.
Developer-Grade
Full custom HTML editor and custom CSS injection per template. FontAwesome & Google Fonts supported natively.
⚙️ Screenshots & Configuration
A powerful backend to manage all your campaigns
1. Settings & General Configuration
This comprehensive dashboard provides central control over your campaigns. Manage the Master Toggle to enable/disable the bar globally, configure strict Privacy & Compliance settings for cookie tracking (GDPR ready), and access the Quick Start Guide. Every template you build is accessible directly from here!
2. Template Gallery View
This shows the main hub when clicking "CONFIGURE TEMPLATES". You'll find all 30 professionally-designed presets gracefully organized. Notice: We removed the annoying "Default Template" restriction! Simply click the Archive / Unarchive (Active) toggle on any template you want to display, and it will automatically sync to your live website!
3. Form Configuration: Structure & Preview
This shows the Flash Sale Alert settings: the Priority constraint, Active toggles, Multi-Company options... alongside the Live Preview, Content section (Display Mode), and the Simple mode settings setup with all its content!
4. Advanced Aesthetics: Design Section
This shows the Design section. We thoroughly explain all its capabilities: you configure Color Gradients, Font Family typography styles natively drawn instantly onto the Live Preview!
5. Physical Geometry: Layout Section
This shows the layout section. Precisely align padding, manage height sizing boundaries, and arrange inner content layouts elegantly within this area.
6. Targeted Timing: Scheduling Restrictions (Part 1)
This shows the first part of Scheduling, dealing exclusively with the Time Visibility Window, our dynamic HTML-driven Countdown Timer (a highly demanded Premium Feature!), and Target Audience restrictions!
7. Data Insights: Scheduling & Analytics (Part 2)
This shows the Page Visibility constraints for smart URL filtering patterns AND the powerful Performance Analytics section, featuring real-time statistical engagement trackers purely in Read-Only view!
8. Unlimited Extensibility: Advanced Code Panel
This shows the Advanced section focusing primarily on the Custom CSS injector. This enables developers perfectly unrestricted freedom beyond generic UI limits!
9. The Result: Frontend Rendering Example
Finally, this shows the frontend with an example of the Notice Template dynamically rendered natively right inside the website Header interface! Seamless integrations.
👨💻 Developer Power: Custom HTML & CSS
Go beyond standard settings with infinite design freedom
When simple configuration isn't enough, switch to Advanced Mode to inject full custom HTML structures and use the Custom CSS input to perfectly match your brand's unique design guidelines.
Important Target Rule: Always target your Custom CSS rules starting with
.hex-announcement-bar to ensure safety and prevent bleeding onto the rest of your
website styles.
Example 1: Multi-Column Flexbox Layout
Create complex layouts horizontally aligned with interactive buttons.
Custom HTML:<div class="custom-bar-layout">
<div class="promo-text">
<i class="fa fa-gift"></i>
<span>Get a FREE Gift with orders over $100!</span>
</div>
<a href="/shop" class="btn-claim">Claim Offer</a>
</div>
Custom CSS:
.hex-announcement-bar {
background-color: #1a202c !important;
padding: 10px 20px !important;
}
.hex-announcement-bar .custom-bar-layout {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.hex-announcement-bar .promo-text {
color: #ffd700;
font-weight: 600;
display: flex;
align-items: center;
gap: 10px;
}
.hex-announcement-bar .btn-claim {
background: #ffd700;
color: #000;
padding: 6px 16px;
border-radius: 4px;
font-weight: bold;
text-decoration: none;
transition: all 0.3s ease;
}
.hex-announcement-bar .btn-claim:hover {
background: #fff;
transform: scale(1.05);
}
Example 2: Interactive CSS Animations
Enhance simple text messages with glowing dynamic gradients and hover states.
Custom HTML:<div class="neon-announcement">
<strong>CYBER MONDAY EXCLUSIVE</strong>
<span> - Code: CYBER20</span>
</div>
Custom CSS:
.hex-announcement-bar {
background: linear-gradient(90deg, #ff00cc, #333399) !important;
border-bottom: 2px solid #fff !important;
}
.hex-announcement-bar .neon-announcement {
text-align: center;
color: white;
font-family: 'Courier New', monospace;
font-size: 16px;
letter-spacing: 2px;
cursor: pointer;
}
.hex-announcement-bar:hover {
box-shadow: 0px 5px 15px rgba(255,0,204, 0.5);
filter: brightness(1.2);
transition: all 0.4s ease;
}
.hex-announcement-bar .neon-announcement strong {
text-shadow: 0 0 5px #fff, 0 0 10px #fff;
}
🚀 Boost Your Odoo Operations
Discover other premium modules developed by Hexalian
Legal Terms & License
License: This software component is strictly distributed under the OPL-1 (Odoo Proprietary License v1.0). Any unauthorized redistribution, reselling, or tampering with licensing code is strictly prohibited according to Hexalian LLC's standard terms of service.
Disclaimer: This software is fundamentally sold "AS IS", comprehensively without any warranty of any kind—whether express or implicitly implied—including but not legally restricted or functionally limited to the warranties of general merchantability, fitness for a particular commercial purpose, or broad non-infringement standards.
Liability Limits: In no possible legal event shall the software's original authors, external contributors, or core copyright holders become liable for any legal claim, financial damages, direct business losses, or any other liability forms, whether occurring directly in an action of strict contract, basic tort, or any other mechanisms whatsoever, directly arising from, specifically out of, or comprehensively strictly in direct connection with this particular software element, its structural use, or related professional dealings in this software environment.
Developed by Hexalian LLC
Premium Odoo Modules & Customization
Copyright © 2026 Hexalian LLC. All Rights Reserved.
Before You Buy
- Confirm your Odoo version: v17, v18, v19.
- Review module scope carefully to validate your exact use case.
- Plan installation on staging first, then deploy to production.
- Need help evaluating fit? Email [email protected].
Secure checkout · No account required
Download link sent to your email after payment. Lost your link?
Powered by Stripe
- 100% source code included
- Lifetime access to download
- Odoo 17 & 18 & 19 supported
- Email delivery (72h link)
- Sold as-is under OPL1 — all sales final