Title: Elevate Alerts – Attractive Notification Banners Author: Moustafa Brahimi Published: Septanm 4, 2025 Last modified: Septanm 4, 2025 --- Search plugins ![](https://ps.w.org/elevate-alerts/assets/banner-772x250.jpg?rev=3356493) ![](https://ps.w.org/elevate-alerts/assets/icon-256x256.jpg?rev=3356671) # Elevate Alerts – Attractive Notification Banners By [Moustafa Brahimi](https://profiles.wordpress.org/usuual/) [Download](https://downloads.wordpress.org/plugin/elevate-alerts.1.0.2.zip) * [Details](https://hat.wordpress.org/plugins/elevate-alerts/#description) * [Reviews](https://hat.wordpress.org/plugins/elevate-alerts/#reviews) * [Installation](https://hat.wordpress.org/plugins/elevate-alerts/#installation) * [Development](https://hat.wordpress.org/plugins/elevate-alerts/#developers) [Support](https://wordpress.org/support/plugin/elevate-alerts/) ## Description **Elevate Alerts** transforms your website’s user engagement with stunning, professional notification banners that capture attention and drive action. Perfect for e-commerce sites, blogs, corporate websites, and any online presence that needs to communicate effectively with visitors. #### Key Features * **Visual Customizer Integration** – Complete control through WordPress Customizer with live preview * **Dynamic Countdown Timers** – Create urgency with precise countdown functionality * **Call-to-Action Buttons** – Integrated buttons with custom URLs and new tab options * **Fully Responsive Design** – Perfect display on all devices and screen sizes * **Advanced Typography** – Complete font, color, and spacing controls * **Flexible Color Schemes** – Match your brand with unlimited color options * **Granular Positioning** – Precise padding, margins, and dimensional controls * **User-Friendly Dismissal** – Collapsible alerts that remember user preferences * **Translation Ready** – Full internationalization support #### Perfect For * **E-commerce Flash Sales** – Limited-time offers with countdown pressure * **Event Announcements** – Webinars, launches, and special events * **Newsletter Signups** – Grow your email list with targeted campaigns * **Cookie Consent Notices** – GDPR-compliant notification banners * **Maintenance Alerts** – Scheduled downtime and service announcements * **Product Launches** – Build anticipation with countdown timers * **Holiday Promotions** – Seasonal campaigns and special offers * **Important Updates** – Critical information delivery #### Advanced Customization **Content Management:** – Rich text editor support for formatted content – Shortcode integration for dynamic content – Default fallback content for quick setup **Visual Design:** – Typography controls (font family, size, weight, spacing) – Color customization (background, text, button colors) – Dimensional controls (padding, margins, heights) **Countdown Functionality:** – Server-synchronized timing for accuracy – Customizable time format (HH:MM:SS) – Visual countdown elements with separate styling – Automatic hide/show based on expiration **Button Integration:** – Custom text and URLs – Target options (same window/new tab) – Comprehensive styling controls – Show/hide toggle with smooth transitions #### Technical Specifications * **Framework**: Built on Kirki Customizer Framework from WordPress.org for robust functionality * **Dependencies**: Uses TGMPA (TGM Plugin Activation) for dependency management * **Performance**: Lightweight code with optimized loading * **Compatibility**: WordPress 5.0+ with modern PHP support * **Standards**: Follows WordPress coding standards and best practices * **Security**: Sanitized inputs and escaped outputs throughout #### Use Cases & Benefits **For E-commerce:** – Increase conversion rates with urgency-driven countdown timers– Promote flash sales and limited-time offers effectively – Drive traffic to specific product pages or categories **For Content Sites:** – Announce new content or features – Promote newsletter subscriptions – Share important updates or policy changes **For Service Providers:** – Advertise special pricing or package deals – Announce webinars, workshops, or events – Communicate service updates or maintenance schedules **For Marketers:** – A/B test different messages and calls-to-action – Create seasonal campaigns with appropriate timing – Build email lists through strategic placement ### Support For support questions, feature requests, or bug reports, please visit our [GitHub repository](https://github.com/moustafa-brahimi) or use the WordPress.org support forums. ### Contributing We welcome contributions! Please visit our GitHub repository to submit issues, feature requests, or pull requests. ### Privacy Policy Elevate Alerts uses browser cookies only to remember user dismissal preferences. No personal data is collected or transmitted to external services. All functionality operates entirely within your WordPress installation. ### Third-Party Assets & Licensing This plugin includes the following third-party assets, all of which are GPL-compatible: #### Dependencies **Kirki Customizer Framework** – Source: WordPress.org Plugin Directory – License: MIT License (GPL-compatible) – Purpose: Advanced WordPress Customizer functionality– URL: https://wordpress.org/plugins/kirki/ **TGM Plugin Activation (TGMPA)** – Version: 2.6.1 – License: GPL v2 or later – Purpose: Plugin dependency management – Author: Thomas Griffin, Gary Jones, Juliette Reinders Folmer – URL: http://tgmpluginactivation.com/ #### Icon Library **Remix Icon** – License: Apache License 2.0 (GPL-compatible) – Purpose: Professional icon set for notifications – Total Icons: 2000+ icons across multiple categories– Categories Used: System, Business, Finance, Logos – URL: https://remixicon.com/ – Note: Only icons actually used in the plugin are included in the distribution #### Code Libraries **PostCSS & Webpack** – Used for: Asset compilation during development – License: MIT License (GPL-compatible) – Note: Only compiled output is included in distribution, not source tools All assets have been verified for GPL compatibility and licensing compliance. No proprietary or restricted-license assets are included in this plugin. ### Developer Guide This section provides information for developers who want to contribute to or modify the Elevate Alerts plugin. #### Development Environment Setup 1. **Clone the Repository** `git clone https://github.com/moustafa-brahimi/elevate- alerts.git cd elevate-alerts 2. **Install Dependencies** `npm install` 3. **Build Tools** The plugin uses modern build tools to compile assets: 4. * **Webpack**: For JavaScript bundling and transpilation * **PostCSS**: For CSS processing with multiple plugins #### Available Build Commands ``` ` ``` Watch and build JavaScript files npm run js:build Watch and build main CSS npm run css:build Watch and build admin CSS npm run css:build:admin Watch and build RTL CSS npm run css:build:rtl ` #### File Structure ``` ` ``` elevate-alerts/ ├── assets/ │ ├── dist/ # Compiled assets (do not edit directly) │ │ ├── css/ │ │ └── js/ │ ├── img/ # Image assets │ └── src/ # Source files (edit these) │ ├── css/ │ └── js/ ├── includes/ # PHP includes ├── languages/ # Translation files ├── template-parts/ # Template files ├── package.json # NPM configuration ├── postcss.config.js # PostCSS configuration ├── webpack.config.js # Webpack configuration └── elevate-alerts.php # Main plugin file ` #### CSS Architecture The plugin uses PostCSS with the following plugins: – postcss-import: For importing CSS files – postcss-nested: For nesting CSS rules – postcss-for: For loops in CSS– postcss-conditionals: For conditional rules – postcss-easings: For easing functions– postcss-random: For random values – postcss-preset-env: For modern CSS features – postcss-inline-svg: For inline SVG – autoprefixer: For browser prefixes – cssnano: For minification – postcss-color-mod-function: For color manipulation #### JavaScript Architecture The plugin uses Webpack and Babel to compile JavaScript: – ES6+ features are transpiled to ES5 for browser compatibility – Code is minified for production #### Coding Standards Please follow these standards when contributing: – Follow WordPress coding standards– Use proper escaping for all outputs – Sanitize all inputs – Include translators comments for strings with placeholders – Use meaningful variable and function names– Document your code with PHPDoc comments #### Building for Production Before submitting a pull request or creating a release: 1. Run all build commands to ensure assets are up-to-date 2. Test thoroughly in various WordPress environments 3. Ensure all code passes WordPress coding standards 4. Update version numbers in the main plugin file and readme.txt 5. Update the changelog with your changes ## Installation #### Automatic Installation 1. Log in to your WordPress admin dashboard 2. Navigate to **Plugins > Add New** 3. Search for “Elevate Alerts” 4. Click **Install Now** and then **Activate** 5. The plugin will automatically prompt you to install the required **Kirki Customizer Framework** from the WordPress.org directory #### Manual Installation 1. Download the plugin ZIP file 2. Upload to `/wp-content/plugins/elevate-alerts/` directory 3. Activate the plugin through the WordPress **Plugins** menu 4. Install the **Kirki Customizer Framework** from WordPress.org when prompted via TGMPA #### Configuration 1. Go to **Appearance > Customize > Elevate Alerts** 2. Configure your notification content, styling, and behavior 3. Set up countdown timers if needed 4. Customize colors, typography, and dimensions 5. Save and publish your changes ## FAQ ### How do I create a countdown timer? Navigate to **Appearance > Customize > Elevate Alerts > Count Down**. Enable the countdown feature, set your target date and time in the format provided. The countdown will automatically calculate and display the time remaining. ### Can I customize the appearance completely? Absolutely! Elevate Alerts provides comprehensive customization options including typography, colors, spacing, dimensions, and layout controls. Everything is accessible through the WordPress Customizer with live preview. ### Is the plugin mobile-responsive? Yes, Elevate Alerts is fully responsive and optimized for all device sizes. The alerts automatically adjust their layout and styling for optimal viewing on mobile phones, tablets, and desktop computers. ### Can users dismiss the alerts? Yes, users can collapse/dismiss alerts by clicking the close button. The plugin remembers their preference using browser cookies, so the alert won’t reappear for that user session. ### Can I use HTML in the alert content? Yes, the content editor supports HTML and allows formatting. However, all content is properly sanitized for security using WordPress’s `wp_kses_post()` function. ### Does it work with caching plugins? Yes, Elevate Alerts is compatible with popular caching plugins. The countdown functionality uses JavaScript for client-side updates, ensuring accurate timing regardless of caching. ### Can I target specific pages? Currently, alerts appear site-wide. Future versions may include page targeting functionality. You can control visibility through the customizer’s show/hide options. ### Is translation support available? Yes, the plugin is fully translation-ready with proper text domain implementation. All user-facing strings can be translated using standard WordPress translation methods. ### What happens when the countdown expires? When a countdown reaches zero, the timing elements continue to function. You can set up your campaigns accordingly and manually disable alerts after promotions end. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Elevate Alerts – Attractive Notification Banners” is open source software. The following people have contributed to this plugin. Contributors * [ Moustafa Brahimi ](https://profiles.wordpress.org/usuual/) [Translate “Elevate Alerts – Attractive Notification Banners” into your language.](https://translate.wordpress.org/projects/wp-plugins/elevate-alerts) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/elevate-alerts/), check out the [SVN repository](https://plugins.svn.wordpress.org/elevate-alerts/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/elevate-alerts/) by [RSS](https://plugins.trac.wordpress.org/log/elevate-alerts/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.2 Add Developer guide section to the readme.txt #### 1.0.1 * replacing tgmpa with a notice to avoid warnings and confilicts #### 1.0.0 * **Initial Release** * Complete WordPress Customizer integration via Kirki Framework * TGMPA integration for seamless dependency management * Countdown timer functionality with server synchronization * Advanced typography and color controls * Call-to-action button integration * Fully responsive design implementation * Security hardening and input sanitization * Complete translation readiness * Performance optimization * WordPress coding standards compliance ## Meta * Version **1.0.2** * Last updated **8 months ago** * Active installations **Fewer than 10** * WordPress version ** 5.0 or higher ** * Tested up to **6.8.5** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/elevate-alerts/) * Tags * [alerts](https://hat.wordpress.org/plugins/tags/alerts/)[banner](https://hat.wordpress.org/plugins/tags/banner/) [countdown](https://hat.wordpress.org/plugins/tags/countdown/)[customizer](https://hat.wordpress.org/plugins/tags/customizer/) [Notifications](https://hat.wordpress.org/plugins/tags/notifications/) * [Advanced View](https://hat.wordpress.org/plugins/elevate-alerts/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/elevate-alerts/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/elevate-alerts/reviews/) ## Contributors * [ Moustafa Brahimi ](https://profiles.wordpress.org/usuual/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/elevate-alerts/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://github.com/moustafa-brahimi)