Moustafa Brahimi

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.
<h4>Key Features</h4>
<ul>
<li>Visual Customizer Integration – Complete control through WordPress Customizer with live preview</li>
<li>Dynamic Countdown Timers – Create urgency with precise countdown functionality</li>
<li>Call-to-Action Buttons – Integrated buttons with custom URLs and new tab options</li>
<li>Fully Responsive Design – Perfect display on all devices and screen sizes</li>
<li>Advanced Typography – Complete font, color, and spacing controls</li>
<li>Flexible Color Schemes – Match your brand with unlimited color options</li>
<li>Granular Positioning – Precise padding, margins, and dimensional controls</li>
<li>User-Friendly Dismissal – Collapsible alerts that remember user preferences</li>
<li>Translation Ready – Full internationalization support</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>E-commerce Flash Sales – Limited-time offers with countdown pressure</li>
<li>Event Announcements – Webinars, launches, and special events</li>
<li>Newsletter Signups – Grow your email list with targeted campaigns</li>
<li>Cookie Consent Notices – GDPR-compliant notification banners</li>
<li>Maintenance Alerts – Scheduled downtime and service announcements</li>
<li>Product Launches – Build anticipation with countdown timers</li>
<li>Holiday Promotions – Seasonal campaigns and special offers</li>
<li>Important Updates – Critical information delivery</li>
</ul>
<h4>Advanced Customization</h4>
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
<h4>Technical Specifications</h4>
<ul>
<li>Framework: Built on Kirki Customizer Framework from WordPress.org for robust functionality</li>
<li>Dependencies: Uses TGMPA (TGM Plugin Activation) for dependency management</li>
<li>Performance: Lightweight code with optimized loading</li>
<li>Compatibility: WordPress 5.0+ with modern PHP support</li>
<li>Standards: Follows WordPress coding standards and best practices</li>
<li>Security: Sanitized inputs and escaped outputs throughout</li>
</ul>
<h4>Use Cases & Benefits</h4>
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
<h3>Support</h3>
For support questions, feature requests, or bug reports, please visit our <a href="https://github.com/moustafa-brahimi" rel="nofollow ugc">GitHub repository</a> or use the WordPress.org support forums.
<h3>Contributing</h3>
We welcome contributions! Please visit our GitHub repository to submit issues, feature requests, or pull requests.
<h3>Privacy Policy</h3>
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.
<h3>Third-Party Assets & Licensing</h3>
This plugin includes the following third-party assets, all of which are GPL-compatible:
<h4>Dependencies</h4>
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/
<h4>Icon Library</h4>
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
<h4>Code Libraries</h4>
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.
<h3>Developer Guide</h3>
This section provides information for developers who want to contribute to or modify the Elevate Alerts plugin.
<h4>Development Environment Setup</h4>
<ol>
<li>
Clone the Repository 
 <code>git clone https://github.com/moustafa-brahimi/elevate-alerts.git 
cd elevate-alerts</code>
</li>
<li>
Install Dependencies 
 <code>npm install</code>
</li>
<li>
Build Tools 
The plugin uses modern build tools to compile assets:
<ul>
<li>Webpack: For JavaScript bundling and transpilation</li>
<li>PostCSS: For CSS processing with multiple plugins</li>
</ul>
</li>
</ol>
<h4>Available Build Commands</h4>
<pre><code>`
</code></pre>
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 
 `
<h4>File Structure</h4>
<pre><code>`
</code></pre>
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 
 `
<h4>CSS Architecture</h4>
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
<h4>JavaScript Architecture</h4>
The plugin uses Webpack and Babel to compile JavaScript: 
– ES6+ features are transpiled to ES5 for browser compatibility 
– Code is minified for production
<h4>Coding Standards</h4>
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
<h4>Building for Production</h4>
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

Elevate Alerts – Attractive Notification Banners

Create beautiful, customizable notification banners with countdown timers to engage your visitors and boost conversions.

vsmash

Automated notifications from your WordPress site to your Slack / Mattermost application channels and webhooks.
There is no limit to the ways you may integrate this plugin.
It supports all other Vanilla Bean plugins and is available for under-the-hood use as well as shortcode access.
<h4>Key Features</h4>
<ul>
<li>Real-time WordPress notifications – Post status changes, comments, user registrations</li>
<li>WooCommerce integration – Sales notifications with order details</li>
<li>Plugin management alerts – Install, update, and deletion notifications</li>
<li>Multiple webhook support – Send to Slack, Mattermost, Discord, or custom endpoints</li>
<li>Formatted data messages – Rich attachments with structured name-value pairs (NEW in 5.5.2)</li>
<li>Smart queueing – Non-blocking message delivery with optional immediate sending</li>
<li>Email fallback – Send notifications via email when webhooks aren’t available</li>
<li>Shortcode support – Easy integration in posts and pages</li>
<li>Programmatic API – Full developer access with PHP functions</li>
</ul>
<h4>Shortcode Examples</h4>
<pre><code>[slackhooker text="Here is a message from my WordPress site"]
</code></pre>
or
<pre><code>[slackhooker text="Here is a message" channel="general" username="My WordPress"]
</code></pre>
or
<pre><code>[slackhooker text="Here is a message" channel="https://myorg.slack.com/services/xxoxlsodsfsfsdfds#channelname" username="My WordPress"]
</code></pre>
Messages are queued last in the PHP process to ensure your other page processing is not interrupted, but you can override:
<pre><code>[slackhooker text="Here is a message from my WordPress." sendnow="true"]
</code></pre>
Multiple or custom webhooks supported:
<pre><code>[slackhooker text="Here is a message to multiple webhooks" alsoto="https://hooks.slack.com/services/T03TDTbUF/BBG9SQV6X/abcdefghij,https://hooks.slack.com/services/T03TDTbUF/BBG9SQV6X/abcxxxxxxx"]
</code></pre>
<h4>Programmatic Examples</h4>
Simple text messages:
<pre><code>if(function_exists('\VanillaBeans\SlackHooker\vbean_slackhooker')){
 \VanillaBeans\SlackHooker\vbean_slackhooker('Here is my notification');
}

if(function_exists('\VanillaBeans\SlackHooker\vbean_slackhooker')){
 \VanillaBeans\SlackHooker\vbean_slackhooker('Here is my notification','mychannel','Username',':specific_icon:');
}

if(function_exists('\VanillaBeans\SlackHooker\vbean_slacknotify')){
 \VanillaBeans\SlackHooker\vbean_slacknotify(array('text'=>'Here is my notification','icon'=>':open_mouth:'));
}
</code></pre>
Formatted data messages (NEW in 5.5.2):
<pre><code>if(function_exists('\VanillaBeans\SlackHooker\vbean_send_data')){
 $data = array(
 'User ID' => '12345',
 'Email' => 'user@example.com',
 'Status' => 'Active',
 'Last Login' => '2025-10-03 14:30:00'
 );
 \VanillaBeans\SlackHooker\vbean_send_data('User Registration', $data);
}
</code></pre>
Custom formatted messages with options:
<pre><code>if(function_exists('\VanillaBeans\SlackHooker\vbean_send_data')){
 $data = array(
 'Order ID' => '#WC-12345',
 'Amount' => '$299.99',
 'Customer' => 'John Doe',
 'Payment Method' => 'Credit Card'
 );

 $options = array(
 'color' => '#00ff00',
 'pretext' => 'New WooCommerce Sale!',
 'text' => 'Payment processed successfully'
 );

 \VanillaBeans\SlackHooker\vbean_send_data('E-commerce Sale', $data, $options);
}
</code></pre>
Building custom attachment messages:
<pre><code>if(function_exists('\VanillaBeans\SlackHooker\vbean_build_data_message')){
 $message = \VanillaBeans\SlackHooker\vbean_build_data_message('System Alert', array(
 'Server' => 'web-01.example.com',
 'CPU Usage' => '85%',
 'Memory' => '3.2GB / 4GB',
 'Disk Space' => '75% full'
 ), array('color' => '#ff9900'));

 // Send using existing notification system
 Vanilla_Bean_Slack_Hooker::notification_send($message);
}
</code></pre>
<h4>Parameters</h4>
There are defaults for all except the message. You can specify:
<ul>
<li>text – required. This is your message</li>
<li>endpoints – override defaults with a comma separated list of endpoints with optional channel and alert eg: endpoints=’https://endpoint.com#channel#here’</li>
<li>channel – defaults to ‘general’ or your admin default specified channel – deprecated</li>
<li>username – the identity you would like displayed as the sender in the channel</li>
<li>icon – any of the available emoji icons in the slack system</li>
<li>sendnow – true or false. Defaults to false. True means that the message would be executed at the time it is called rather than at the end of page load.</li>
</ul>
New Data Message Parameters (5.5.2):
<ul>
<li>title – required for data messages. Main title of the message</li>
<li>data – associative array of name => value pairs to display</li>
<li>options – array of formatting options (color, pretext, text, author_name, etc.)</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>E-commerce monitoring – WooCommerce order notifications</li>
<li>User activity tracking – Registration and login alerts</li>
<li>System monitoring – Server status and health checks</li>
<li>Content management – Post publication and comment notifications</li>
<li>Security alerts – Failed login attempts and suspicious activity</li>
<li>Plugin management – Installation, update, and deletion notifications</li>
</ul>
<h4>Contact</h4>
We can be found at:
<ul>
<li>Website: <a href="http://www.velvary.com.au/contact-us" rel="nofollow ugc">Velvary Contact</a></li>
<li>Twitter: @VelvaryVanilla</li>
<li>Email: info@velvary.com.au or support@velvary.com.au</li>
</ul>

Vanilla Bean Slack Hooker

Well, I'm the dev so I'm giving it 5 stars, but I will keep trying to improve it.



Simple

Notify one or more Slack, Mattermost or other endpoints with configured webhooks for WordPress events. Notifications for plugin installs and updates,  …

Elevate Alerts – Attractive Notification Banners vs Vanilla Bean Slack Hooker