{"id":246054,"date":"2025-09-04T22:12:52","date_gmt":"2025-09-04T22:12:52","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/elevate-alerts-attractive-notification-banners\/"},"modified":"2025-09-04T22:12:28","modified_gmt":"2025-09-04T22:12:28","slug":"elevate-alerts","status":"publish","type":"plugin","link":"https:\/\/ca-valencia.wordpress.org\/plugins\/elevate-alerts\/","author":23310103,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.2","stable_tag":"1.0.2","tested":"6.8.5","requires":"5.0","requires_php":"7.4","requires_plugins":null,"header_name":"Elevate Alerts - Attractive Notification Banners","header_author":"Moustafa Brahimi","header_description":"Create elegant, customizable notification banners with countdown timers for announcements, promotions, and important messages. Fully integrated with WordPress Customizer for easy styling and content management.","assets_banners_color":"738592","last_updated":"2025-09-04 22:12:28","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/github.com\/moustafa-brahimi","header_plugin_uri":"https:\/\/github.com\/moustafa-brahimi\/elevate-alerts","header_author_uri":"https:\/\/github.com\/moustafa-brahimi","rating":0,"author_block_rating":0,"active_installs":0,"downloads":244,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.2":{"tag":"1.0.2","author":"usuual","date":"2025-09-04 22:12:28"}},"upgrade_notice":{"1.0.0":"<p>Welcome to Elevate Alerts! This initial release provides comprehensive alert and countdown functionality with full customization capabilities through the WordPress Customizer.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":3356671,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":3356671,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3356493,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3356493,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.2"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"<strong>Live Alert Display<\/strong> - Professional notification banner with countdown timer and call-to-action button","2":"<strong>Customizer Interface<\/strong> - Complete control panel showing all customization options","3":"<strong>Typography Controls<\/strong> - Advanced font and text styling options","4":"<strong>Color Customization<\/strong> - Flexible color scheme controls for branding","5":"<strong>Countdown Settings<\/strong> - Easy date\/time configuration with server clock reference","6":"<strong>Button Configuration<\/strong> - Call-to-action button setup with styling options","7":"<strong>Mobile Responsive<\/strong> - Perfect display across all device sizes"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1110,784,11659,2768,4906],"plugin_category":[40,43],"plugin_contributors":[245577],"plugin_business_model":[],"class_list":["post-246054","plugin","type-plugin","status-publish","hentry","plugin_tags-alerts","plugin_tags-banner","plugin_tags-countdown","plugin_tags-customizer","plugin_tags-notifications","plugin_category-calendar-and-events","plugin_category-customization","plugin_contributors-usuual","plugin_committers-usuual"],"banners":{"banner":"https:\/\/ps.w.org\/elevate-alerts\/assets\/banner-772x250.jpg?rev=3356493","banner_2x":"https:\/\/ps.w.org\/elevate-alerts\/assets\/banner-1544x500.jpg?rev=3356493","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/elevate-alerts\/assets\/icon-128x128.jpg?rev=3356671","icon_2x":"https:\/\/ps.w.org\/elevate-alerts\/assets\/icon-256x256.jpg?rev=3356671","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>Elevate Alerts<\/strong> 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.<\/p>\n\n<h4>Key Features<\/h4>\n\n<ul>\n<li><strong>Visual Customizer Integration<\/strong> - Complete control through WordPress Customizer with live preview<\/li>\n<li><strong>Dynamic Countdown Timers<\/strong> - Create urgency with precise countdown functionality<\/li>\n<li><strong>Call-to-Action Buttons<\/strong> - Integrated buttons with custom URLs and new tab options<\/li>\n<li><strong>Fully Responsive Design<\/strong> - Perfect display on all devices and screen sizes<\/li>\n<li><strong>Advanced Typography<\/strong> - Complete font, color, and spacing controls<\/li>\n<li><strong>Flexible Color Schemes<\/strong> - Match your brand with unlimited color options<\/li>\n<li><strong>Granular Positioning<\/strong> - Precise padding, margins, and dimensional controls<\/li>\n<li><strong>User-Friendly Dismissal<\/strong> - Collapsible alerts that remember user preferences<\/li>\n<li><strong>Translation Ready<\/strong> - Full internationalization support<\/li>\n<\/ul>\n\n<h4>Perfect For<\/h4>\n\n<ul>\n<li><strong>E-commerce Flash Sales<\/strong> - Limited-time offers with countdown pressure<\/li>\n<li><strong>Event Announcements<\/strong> - Webinars, launches, and special events<\/li>\n<li><strong>Newsletter Signups<\/strong> - Grow your email list with targeted campaigns<\/li>\n<li><strong>Cookie Consent Notices<\/strong> - GDPR-compliant notification banners<\/li>\n<li><strong>Maintenance Alerts<\/strong> - Scheduled downtime and service announcements<\/li>\n<li><strong>Product Launches<\/strong> - Build anticipation with countdown timers<\/li>\n<li><strong>Holiday Promotions<\/strong> - Seasonal campaigns and special offers<\/li>\n<li><strong>Important Updates<\/strong> - Critical information delivery<\/li>\n<\/ul>\n\n<h4>Advanced Customization<\/h4>\n\n<p><strong>Content Management:<\/strong>\n- Rich text editor support for formatted content\n- Shortcode integration for dynamic content\n- Default fallback content for quick setup<\/p>\n\n<p><strong>Visual Design:<\/strong>\n- Typography controls (font family, size, weight, spacing)\n- Color customization (background, text, button colors)\n- Dimensional controls (padding, margins, heights)<\/p>\n\n<p><strong>Countdown Functionality:<\/strong>\n- Server-synchronized timing for accuracy\n- Customizable time format (HH:MM:SS)\n- Visual countdown elements with separate styling\n- Automatic hide\/show based on expiration<\/p>\n\n<p><strong>Button Integration:<\/strong>\n- Custom text and URLs\n- Target options (same window\/new tab)\n- Comprehensive styling controls\n- Show\/hide toggle with smooth transitions<\/p>\n\n<h4>Technical Specifications<\/h4>\n\n<ul>\n<li><strong>Framework<\/strong>: Built on Kirki Customizer Framework from WordPress.org for robust functionality<\/li>\n<li><strong>Dependencies<\/strong>: Uses TGMPA (TGM Plugin Activation) for dependency management<\/li>\n<li><strong>Performance<\/strong>: Lightweight code with optimized loading<\/li>\n<li><strong>Compatibility<\/strong>: WordPress 5.0+ with modern PHP support<\/li>\n<li><strong>Standards<\/strong>: Follows WordPress coding standards and best practices<\/li>\n<li><strong>Security<\/strong>: Sanitized inputs and escaped outputs throughout<\/li>\n<\/ul>\n\n<h4>Use Cases &amp; Benefits<\/h4>\n\n<p><strong>For E-commerce:<\/strong>\n- Increase conversion rates with urgency-driven countdown timers\n- Promote flash sales and limited-time offers effectively\n- Drive traffic to specific product pages or categories<\/p>\n\n<p><strong>For Content Sites:<\/strong>\n- Announce new content or features\n- Promote newsletter subscriptions\n- Share important updates or policy changes<\/p>\n\n<p><strong>For Service Providers:<\/strong>\n- Advertise special pricing or package deals\n- Announce webinars, workshops, or events\n- Communicate service updates or maintenance schedules<\/p>\n\n<p><strong>For Marketers:<\/strong>\n- A\/B test different messages and calls-to-action\n- Create seasonal campaigns with appropriate timing\n- Build email lists through strategic placement<\/p>\n\n<h3>Support<\/h3>\n\n<p>For support questions, feature requests, or bug reports, please visit our <a href=\"https:\/\/github.com\/moustafa-brahimi\">GitHub repository<\/a> or use the WordPress.org support forums.<\/p>\n\n<h3>Contributing<\/h3>\n\n<p>We welcome contributions! Please visit our GitHub repository to submit issues, feature requests, or pull requests.<\/p>\n\n<h3>Privacy Policy<\/h3>\n\n<p>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.<\/p>\n\n<h3>Third-Party Assets &amp; Licensing<\/h3>\n\n<p>This plugin includes the following third-party assets, all of which are GPL-compatible:<\/p>\n\n<h4>Dependencies<\/h4>\n\n<p><strong>Kirki Customizer Framework<\/strong>\n- Source: WordPress.org Plugin Directory\n- License: MIT License (GPL-compatible)\n- Purpose: Advanced WordPress Customizer functionality\n- URL: https:\/\/wordpress.org\/plugins\/kirki\/<\/p>\n\n<p><strong>TGM Plugin Activation (TGMPA)<\/strong>\n- Version: 2.6.1\n- License: GPL v2 or later\n- Purpose: Plugin dependency management\n- Author: Thomas Griffin, Gary Jones, Juliette Reinders Folmer\n- URL: http:\/\/tgmpluginactivation.com\/<\/p>\n\n<h4>Icon Library<\/h4>\n\n<p><strong>Remix Icon<\/strong>\n- License: Apache License 2.0 (GPL-compatible)\n- Purpose: Professional icon set for notifications\n- Total Icons: 2000+ icons across multiple categories\n- Categories Used: System, Business, Finance, Logos\n- URL: https:\/\/remixicon.com\/\n- Note: Only icons actually used in the plugin are included in the distribution<\/p>\n\n<h4>Code Libraries<\/h4>\n\n<p><strong>PostCSS &amp; Webpack<\/strong>\n- Used for: Asset compilation during development\n- License: MIT License (GPL-compatible)\n- Note: Only compiled output is included in distribution, not source tools<\/p>\n\n<p>All assets have been verified for GPL compatibility and licensing compliance. No proprietary or restricted-license assets are included in this plugin.<\/p>\n\n<h3>Developer Guide<\/h3>\n\n<p>This section provides information for developers who want to contribute to or modify the Elevate Alerts plugin.<\/p>\n\n<h4>Development Environment Setup<\/h4>\n\n<ol>\n<li><p><strong>Clone the Repository<\/strong>\n   <code>git clone https:\/\/github.com\/moustafa-brahimi\/elevate-alerts.git\ncd elevate-alerts<\/code><\/p><\/li>\n<li><p><strong>Install Dependencies<\/strong>\n   <code>npm install<\/code><\/p><\/li>\n<li><p><strong>Build Tools<\/strong>\nThe plugin uses modern build tools to compile assets:<\/p>\n\n<ul>\n<li><strong>Webpack<\/strong>: For JavaScript bundling and transpilation<\/li>\n<li><strong>PostCSS<\/strong>: For CSS processing with multiple plugins<\/li>\n<\/ul><\/li>\n<\/ol>\n\n<h4>Available Build Commands<\/h4>\n\n<pre><code>`\n<\/code><\/pre>\n\nWatch and build JavaScript files\n\n<p>npm run js:build<\/p>\n\nWatch and build main CSS\n\n<p>npm run css:build<\/p>\n\nWatch and build admin CSS\n\n<p>npm run css:build:admin<\/p>\n\nWatch and build RTL CSS\n\n<p>npm run css:build:rtl\n    `<\/p>\n\n<h4>File Structure<\/h4>\n\n<pre><code>`\n<\/code><\/pre>\n\n<p>elevate-alerts\/\n\u251c\u2500\u2500 assets\/\n\u2502   \u251c\u2500\u2500 dist\/         # Compiled assets (do not edit directly)\n\u2502   \u2502   \u251c\u2500\u2500 css\/\n\u2502   \u2502   \u2514\u2500\u2500 js\/\n\u2502   \u251c\u2500\u2500 img\/          # Image assets\n\u2502   \u2514\u2500\u2500 src\/          # Source files (edit these)\n\u2502       \u251c\u2500\u2500 css\/\n\u2502       \u2514\u2500\u2500 js\/\n\u251c\u2500\u2500 includes\/         # PHP includes\n\u251c\u2500\u2500 languages\/        # Translation files\n\u251c\u2500\u2500 template-parts\/   # Template files\n\u251c\u2500\u2500 package.json      # NPM configuration\n\u251c\u2500\u2500 postcss.config.js # PostCSS configuration\n\u251c\u2500\u2500 webpack.config.js # Webpack configuration\n\u2514\u2500\u2500 elevate-alerts.php # Main plugin file\n    `<\/p>\n\n<h4>CSS Architecture<\/h4>\n\n<p>The plugin uses PostCSS with the following plugins:\n- postcss-import: For importing CSS files\n- postcss-nested: For nesting CSS rules\n- postcss-for: For loops in CSS\n- postcss-conditionals: For conditional rules\n- postcss-easings: For easing functions\n- postcss-random: For random values\n- postcss-preset-env: For modern CSS features\n- postcss-inline-svg: For inline SVG\n- autoprefixer: For browser prefixes\n- cssnano: For minification\n- postcss-color-mod-function: For color manipulation<\/p>\n\n<h4>JavaScript Architecture<\/h4>\n\n<p>The plugin uses Webpack and Babel to compile JavaScript:\n- ES6+ features are transpiled to ES5 for browser compatibility\n- Code is minified for production<\/p>\n\n<h4>Coding Standards<\/h4>\n\n<p>Please follow these standards when contributing:\n- Follow WordPress coding standards\n- Use proper escaping for all outputs\n- Sanitize all inputs\n- Include translators comments for strings with placeholders\n- Use meaningful variable and function names\n- Document your code with PHPDoc comments<\/p>\n\n<h4>Building for Production<\/h4>\n\n<p>Before submitting a pull request or creating a release:\n1. Run all build commands to ensure assets are up-to-date\n2. Test thoroughly in various WordPress environments\n3. Ensure all code passes WordPress coding standards\n4. Update version numbers in the main plugin file and readme.txt\n5. Update the changelog with your changes<\/p>\n\n<!--section=installation-->\n<h4>Automatic Installation<\/h4>\n\n<ol>\n<li>Log in to your WordPress admin dashboard<\/li>\n<li>Navigate to <strong>Plugins &gt; Add New<\/strong><\/li>\n<li>Search for \"Elevate Alerts\"<\/li>\n<li>Click <strong>Install Now<\/strong> and then <strong>Activate<\/strong><\/li>\n<li>The plugin will automatically prompt you to install the required <strong>Kirki Customizer Framework<\/strong> from the WordPress.org directory<\/li>\n<\/ol>\n\n<h4>Manual Installation<\/h4>\n\n<ol>\n<li>Download the plugin ZIP file<\/li>\n<li>Upload to <code>\/wp-content\/plugins\/elevate-alerts\/<\/code> directory<\/li>\n<li>Activate the plugin through the WordPress <strong>Plugins<\/strong> menu<\/li>\n<li>Install the <strong>Kirki Customizer Framework<\/strong> from WordPress.org when prompted via TGMPA<\/li>\n<\/ol>\n\n<h4>Configuration<\/h4>\n\n<ol>\n<li>Go to <strong>Appearance &gt; Customize &gt; Elevate Alerts<\/strong><\/li>\n<li>Configure your notification content, styling, and behavior<\/li>\n<li>Set up countdown timers if needed<\/li>\n<li>Customize colors, typography, and dimensions<\/li>\n<li>Save and publish your changes<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='how%20do%20i%20create%20a%20countdown%20timer%3F'><h3>How do I create a countdown timer?<\/h3><\/dt>\n<dd><p>Navigate to <strong>Appearance &gt; Customize &gt; Elevate Alerts &gt; Count Down<\/strong>. Enable the countdown feature, set your target date and time in the format provided. The countdown will automatically calculate and display the time remaining.<\/p><\/dd>\n<dt id='can%20i%20customize%20the%20appearance%20completely%3F'><h3>Can I customize the appearance completely?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id='is%20the%20plugin%20mobile-responsive%3F'><h3>Is the plugin mobile-responsive?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id='can%20users%20dismiss%20the%20alerts%3F'><h3>Can users dismiss the alerts?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id='can%20i%20use%20html%20in%20the%20alert%20content%3F'><h3>Can I use HTML in the alert content?<\/h3><\/dt>\n<dd><p>Yes, the content editor supports HTML and allows formatting. However, all content is properly sanitized for security using WordPress's <code>wp_kses_post()<\/code> function.<\/p><\/dd>\n<dt id='does%20it%20work%20with%20caching%20plugins%3F'><h3>Does it work with caching plugins?<\/h3><\/dt>\n<dd><p>Yes, Elevate Alerts is compatible with popular caching plugins. The countdown functionality uses JavaScript for client-side updates, ensuring accurate timing regardless of caching.<\/p><\/dd>\n<dt id='can%20i%20target%20specific%20pages%3F'><h3>Can I target specific pages?<\/h3><\/dt>\n<dd><p>Currently, alerts appear site-wide. Future versions may include page targeting functionality. You can control visibility through the customizer's show\/hide options.<\/p><\/dd>\n<dt id='is%20translation%20support%20available%3F'><h3>Is translation support available?<\/h3><\/dt>\n<dd><p>Yes, the plugin is fully translation-ready with proper text domain implementation. All user-facing strings can be translated using standard WordPress translation methods.<\/p><\/dd>\n<dt id='what%20happens%20when%20the%20countdown%20expires%3F'><h3>What happens when the countdown expires?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.2<\/h4>\n\n<p>Add Developer guide section to the readme.txt<\/p>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>replacing tgmpa with a notice to avoid warnings and confilicts<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li><strong>Initial Release<\/strong><\/li>\n<li>Complete WordPress Customizer integration via Kirki Framework<\/li>\n<li>TGMPA integration for seamless dependency management<\/li>\n<li>Countdown timer functionality with server synchronization<\/li>\n<li>Advanced typography and color controls<\/li>\n<li>Call-to-action button integration<\/li>\n<li>Fully responsive design implementation<\/li>\n<li>Security hardening and input sanitization<\/li>\n<li>Complete translation readiness<\/li>\n<li>Performance optimization<\/li>\n<li>WordPress coding standards compliance<\/li>\n<\/ul>","raw_excerpt":"Create beautiful, customizable notification banners with countdown timers to engage your visitors and boost conversions.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/246054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=246054"}],"author":[{"embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/usuual"}],"wp:attachment":[{"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=246054"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=246054"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=246054"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=246054"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=246054"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ca-valencia.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=246054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}