Elevate Alerts – Attractive Notification Banners

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 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. 01Clone the Repository git clone https://github.com/moustafa-brahimi/elevate-alerts.git cd elevate-alerts
2. 02Install Dependencies npm install
3. 03Build Tools The plugin uses modern build tools to compile assets: Webpack : For JavaScript bundling and transpilation
4. 04PostCSS : 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