Get Started

Sticky Notification is a Joomla module for floating toasts and fullscreen alerts. Version 2.4 includes a modern UI, smart triggers, theme presets, CTA button, Facebook Page Plugin, schedule/targeting, queue stacking, GDPR-friendly storage, multilingual admin, and a JavaScript API.

Key features:

• Six positions plus true fullscreen overlay
• Triggers: load, delay, scroll, click, idle, exit intent
• HTML content, nested Joomla module, or Facebook page embed
• Cookie / session / local storage dismiss memory
• Show & hide animations with optional minified assets
• JxStickyNotification JS API
• Joomla 4, 5, and 6

Download package

Unzip StickyNotification_UNZIP.zip. Inside you will find:

• mod_sticky_notification_v2.4.zip — installable module
• ReadMe.txt — version notes

Install

In the Joomla admin go to System → Install → Extensions. Upload mod_sticky_notification_v2.4.zip and install.

Requirements:

• Joomla 4.x, 5.x, or 6.x
• PHP 8.0+

Joomla 3 is not supported.

After install go to Content → Site Modules (or System → Site Modules) and open Sticky Notification (or create a new module of that type).

• Set Show Title to Hide
• Choose any existing template Position (debug, footer, or similar is fine — the toast portals to body)
• Set Status to Published
• Assign Menu Assignment as needed

You can publish several Sticky Notification modules on the same site; enable Queue so they stack instead of overlapping.

General

• Test Mode — ON skips saving dismiss state (useful while configuring). Leave OFF on production so cookies/storage work.
• Width — e.g. 380px or 30%. Fullscreen covers the viewport regardless.
• Fullscreen — full-page overlay with optional background image.
• Position — top/bottom × left/center/right (when not fullscreen).
• Show / Hide animation — slide, fade, scale, directional fades, or none.
• Speed — fast, slow, or custom milliseconds.
• Auto Close — hide after N ms with a progress bar.
• Show Close / Close on Escape — visitor dismiss controls.
• Remember — cookie, session, or local storage; set cookie days when using cookies.
• Queue — stack multiple notices in the same corner.

Triggers

• Load — on page load (optional delay)
• Delay — wait N ms
• Scroll — after a scroll percentage
• Click — CSS selector (e.g. #open-offer)
• Idle — after N ms without interaction
• Exit intent — when the pointer leaves toward the top of the page

Choose a Content type:

HTML

• Title, optional icon, and editor fields above/below
• Module — embed another published site module (login, newsletter, custom HTML, etc.)
• CTA — button text, URL, target, and style

Facebook Page Plugin

• Enter the Facebook username / page
• Configure tabs, height, header, cover, and facepile options

Do not select the Sticky Notification module itself as the nested module.

• Style preset — start from a ready theme, or choose Custom
• Background / text / accent / border — colour pickers (RGBA supported)
• Background image — especially useful for fullscreen
• Glass — frosted blur effect
• Border thickness, radius, offset, padding — layout fine-tuning

For one-off tweaks use Extra CSS under Advanced.

Targeting & schedule

• Schedule — optional start/end datetime
• Device — all, desktop only, or mobile only
• User groups — all, guests, registered, include, or exclude
• Menu items — include or exclude selected pages
• URL match — show only when the URL contains a given string

Advanced

• Minify assets — load compact CSS/JS from assets/min/
• Extra CSS — custom rules for this module instance

JavaScript API

JxStickyNotification.open(151);
JxStickyNotification.close(151);
JxStickyNotification.reset(151);

Replace 151 with your module ID. A jQuery bridge $.fn.jxSticky() is also available.

• Confirm the module is Published and assigned to a real template position and the correct menu items.
• View page source and search for jx-sticky or jx-sticky-notify. If missing, the module is not rendering on that page.
• If the notice never returns after closing, turn Test Mode ON temporarily, or call JxStickyNotification.reset(id), or clear cookies/local storage for the site.
• Clear Joomla cache after changing parameters.
• Fullscreen looks wrong inside a transformed container? v2.4 portals the overlay to document.body — reinstall/upgrade if you still run an older build.
• To place a module inside an article, see the Joomla docs: Module inside an article.