Elevate your WordPress site’s content and user engagement with AlertsDLX, a versatile plugin offering beautifully styled alerts, callouts, and notification boxes for Gutenberg, Full-Site Editing, Classic Editor, and beyond. Compatible with most page builders and supporting blocks and shortcodes. If you need an alert block solution for the block editor, AlertsDLX features four easy-to-use, yet extremely versatile, alert blocks inspired by the most popular (and best looking) UI libraries.
AlertsDLX is designed to be lightweight, user-friendly, and highly customizable. It saves you the time needed to craft your own alert notifications out of blocks, and is flexible enough to quickly match most theme designs. Stop digging for that alert in a block suite, and install a dedicated notifications solution that works almost anywhere.
Coupled with a free plugin like Block Visibility, your imagination can really go wild. For example, you can create an “Empty Cart” callout for WooCommerce or Easy Digital Downloads when a cart is empty. For site-wide notifications, most themes and builders (including FSE) allow for site-wide template parts. Just add the notification to it, make it dismissible, and you now have a site-wide callout or notification that can be hidden when dismissed.
Quick Links
AlertsDLX Docs | AlertsDLX Home | Shortcode Usage | Support
Major features
- Four modern alert blocks and styles: Material, Bootstrap, Chakra, and Shoelace.
- Use pre-selected colors, styles, and variants, or choose custom for your own branded colors.
- Add your own SVG icons, or choose from the ones included. Include a custom image if desired.
- Add dismissible notification and callout boxes, and have it remember the user’s choice.
- Add an optional title, description, and button to the alert block.
- Mark an Alert Block as Editorial, and have it only visible in the block editor.
- Shortcode/page builder support: use beautiful callouts and notifications anywhere shortcodes are supported.
- Site-wide settings for headline tags, custom title classes, enabled alert themes, and more.
- Lightweight: the plugin only loads what is needed where it’s needed.
Blocks are styled with inspiration from these beautiful UI libraries:
Each Alert block can have built-in icons or you can set your own with SVGs.
Icons included are from:
Use cases
AlertsDLX is more than just a beautiful alert block in post content. Here are some more popular ways to use it:
- Documentation and Knowledge Base alert callouts — Tips, notes, warnings, prerequisites, and step summaries in tutorials and knowledge base articles.
- Editorial workflow — Mark blocks as Editorial Only so author notes and review reminders stay in the block editor and never publish to the frontend. For example, your editor wants to add a note above a paragraph indicating it shouldn’t be edited for legal reasons.
- CTAs and promos — Title, description, and button combinations for downloads, newsletter signups, event promos, or “read more” nudges.
- Branded message boxes — Custom colors and four design-system themes (Bootstrap, Material, Chakra, Shoelace) allow for a customized consistent look.
- Flexible content panels (Advanced) — Enable Flexible InnerBlocks to add lists, images, and other blocks inside the styled alert shell. Inner block styling beyond basic paragraph text may depend on your theme.
- Template and global messaging — Place notifications in FSE template parts, headers, or footers for site-wide or section-specific notices.
- Shortcode embeds — Output callouts in page builders, widgets, or form plugin areas (such as empty-cart or confirmation messages) anywhere shortcodes are supported.
- Conditional messaging — Pair with plugins like Block Visibility for logged-in-only notices, role-based messages, cart states, and scheduled promos.
- Compliance and disclaimers — Reusable affiliate, legal, medical, or financial disclaimer boxes with consistent styling across your site.
Future Features and Growth
This plugin has a small (but growing) install base. Please help spread the word by leaving a feature, support request, or review, by filing a GitHub issue, or sponsoring the plugin monetarily via a GitHub sponsorship (highly recommended and appreciated).
Future plans include:
- Consolidating all four alert blocks into one (one alert block to rule them all).
- Providing global styles, so you can create a style, customize its colors and configuration, and use it on a block or shortcode to set global site-wide alert style that you can edit in one place. If inserting a block and adding a global style, the block is configured for you, with only the content parts editable.
- Provide presets, so you can insert the block, click on a preset, and the block is configured for you, setting the icon, style (info, success), configuration (left accent, right accent), and enabling/disabling other toggles. From there, you can edit as desired.
- Admin shortcode builder. So users using page builders and widgets have a visual way of creating an AlertsDLX shortcode.
- Lightbox support. Support being placed in a lightbox, with the dismiss and button click closing the encasing lightbox.
Do you have other ideas for the plugin or ways to improve it? Please leave a feature request.
All of the above features and your requests depend on continued support from the community. Thank you.
Development
Development happens on GitHub. Please check out the GitHub code repository for AlertsDLX.
❤️ Please help spread the word about this plugin through your kind review.