Alerts DLX – Alert Box, Callout Box, and Notifications

Opis

AlertsDLX offers beautifully styled alerts, callouts, and notification boxes for the Block Editor, Classic Editor, or anywhere blocks and shortcodes can go.

This plugin is perfect for adding alerts, callouts, and notifications to your site. It comes with four alert styles: Material, Bootstrap, Chakra, and Shoelace. Each alert style has its own unique look and feel.

Coupled with a free plugin like Block Visibility, your imagine can really go wild.

Alert Shortcodes are here! Create alert boxes from shortcodes. See shortcode usage.

Check out the demo above for all alert types and variations.

Major features:

  1. Four alert styles: Material, Bootstrap, Chakra, and Shoelace.
  2. Use branded colors, or choose custom for your own styles.
  3. Add your own SVG icons, or choose from the ones included.
  4. Add dismissble alerts, and have it remember the user's choice.
  5. Add an optional title, description, and button.

Quick Links:

Blocks are styled with inspiration from:

Each Alert can have built-in icons or you can set your own with SVGs.

Icons included are from:

Development:

Development happens on GitHub. Please check out the GitHub code repository for AlertsDLX.

Slike ekrana

  • Warning Alert and Options
  • Centered Warning Alert
  • Example Success Alert
  • Block Style Previews
  • Icon Selector
  • Font Size Option

Blokovi

Ovaj dodatak omogućava 4 bloka.

  • Bootstrap Alert An alert and notification block inspired by Bootstrap.
  • Chakra Alert An alert and notification block inspired by Chakra UI.
  • Shoelace Alert An alert and notification block inspired by Shoelace.
  • Material UI Alert An alert and notification block inspired by Material UI.

Instalacija

  1. Search for AlertsDLX on the Add Plugins screen.
  2. Install and activate.

In-depth Documentation – Please check out our thorough documentation ❤️️

ČPP

Does this work with the Classic Editor and Page Builders?

Yes. AlertsDLX works with the Classic Editor via its shortcode support.

Does this work with the Block Editor?

Yes, AlertsDLX comes with four blocks, one for each style of alert (Bootstrap, Chakra, Material, and Shoelace).

What alert styles does the plugin support?

Can I customize the colors?

Yes, you can choose custom colors via the shortcode or built-in blocks.

How can I get help?

Please leave a note on our support page.

Can I use my own icons?

Yes. The icon picker allows you to enter an SVG. For the shortcode, you must supply your own SVG.

Recenzije

31. Jula 2024.
I tried quite a few plugins of this type but none matched its features. The first thing is that it can be used both as a block and as a shortcode. Next is that it has the dismissible feature with the ability to remember user's behaviour. I highly appreciate the author's creation.
14. Septembra 2022. 1 reply
Nice, simple but effective block that works great and has great options for customisation.
Read all 2 reviews

Saradnici i programeri

“Alerts DLX – Alert Box, Callout Box, and Notifications” is open source software. The following people have contributed to this plugin.

Doprinositelji

Zapis promijena

2.2.0

  • Released 2025-11-13
  • Consolidated light and dark stylesheets, saving over 200kb in size.
  • Tested with WP 6.9.

2.1.2

  • Released 2025-09-06
  • Bug fix: several fonts were out of proportion, so this has been addressed with this update.
  • Bug fix: several custom colors were missing for button styles.
  • Bug fix: section and font styles were being overridden by themes causing the boxes to look warped.

2.1.0

  • Released 2025-08-10
  • New feature: Place blocks in “Editorial Only” mode so they only show up in the block editor and not the frontend.
  • New feature: Thenme colors are now included when choosing custom colors.
  • New feature: Added block manifests to speed up block loading time and performance.

2.0.2

  • Released 2024-08-23
  • Some minor copy updates.

2.0.1

  • Released 2024-08-22
  • Fixing Shoelace dark mode styles not aligning properly.
  • Fixed Chakra UI styles where info icon was the wrong color.

2.0.0

  • Released 2024-07-21
  • New feature: Added a close button and dismissible alerts. You can set an expiration to hide the alert for a certain time after user action.
  • New feature: Advanced setting in the blocks to allow for custom inner blocks.
  • New feature: Custom colors. Set custom colors for eåçh alert type and variation.
  • Block tweaks: The options for showing sections in the block is now near the top and open by default.

1.4.0

  • Released 2024-03-12
  • Reworked markup for better style compatibility and less conflicts.
  • Testing with WP 6.5.

1.3.5

  • Released 2023-12-09
  • Selecting block styles resulted in a JS error. This has been fixed.

1.3.1

  • Released 2023-10-21
  • Several performance improvements to the frontend. Previously the frontend was loading all styles and scripts for all alert types. Now it only loads the styles and scripts for the alert type(s) being used on the page.

1.3.0

1.2.5

  • Released 2023-09-10
  • Optimizing scripts and styles to only load when needed to prevent unnecessary style loading.

1.2.1

  • Released 2023-04-16
  • Hot fix for outputting the block description.

1.2.0

  • Released 2023-04-16
  • Added Shoelace alert styles.
  • Changing internal structure to innerBlocks.

1.1.0

  • Released 2022-10-01
  • Added Darkmode for Chakra and Material alert boxes.

1.0.5

  • Released 2022-09-12
  • Fixed “error” alert styles in the block editor/frontend.
  • Updated SVG icons for .org.

1.0.1

  • Released 2022-09-11
  • Added transforms to the blocks so that they are interchangeable.

1.0.0

  • Released 2022-09-09
  • Initial release.