Ronald Huereca

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 <a href="https://blockvisibilitywp.com/" rel="nofollow ugc">Block Visibility</a>, your imagine can really go wild.
<iframe loading="lazy" title="AlertsDLX Demo - a free WordPress notification/alerts block" width="750" height="422" src="https://www.youtube.com/embed/7dKpw5uBi5o?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<blockquote>
Alert Shortcodes are here! Create alert boxes from shortcodes. <a href="https://docs.dlxplugins.com/v/alertsdlx/shortcode-usage" rel="nofollow ugc">See shortcode usage</a>.
Check out the demo above for all alert types and variations.
</blockquote>
Major features:
<ol>
<li>Four alert styles: Material, Bootstrap, Chakra, and Shoelace.</li>
<li>Use branded colors, or choose custom for your own styles.</li>
<li>Add your own SVG icons, or choose from the ones included.</li>
<li>Add dismissble alerts, and have it remember the user’s choice.</li>
<li>Add an optional title, description, and button.</li>
</ol>
Quick Links:
<ul>
<li><a href="https://dlxplugins.com/plugins/alertsdlx/" rel="nofollow ugc">AlertsDLX Home</a></li>
<li><a href="https://docs.dlxplugins.com/v/alertsdlx/" rel="nofollow ugc">AlertsDLX Documentation</a></li>
<li><a href="https://docs.dlxplugins.com/v/alertsdlx/shortcode-usage" rel="nofollow ugc">Shortcode Usage</a></li>
<li><a href="https://dlxplugins.com/support/" rel="nofollow ugc">AlertsDLX Support</a></li>
</ul>
Blocks are styled with inspiration from:
<ul>
<li><a href="https://mui.com/material-ui/react-alert/" rel="nofollow ugc">Material UI Alerts</a></li>
<li><a href="https://chakra-ui.com/docs/components/alert" rel="nofollow ugc">Chakra UI</a></li>
<li><a href="https://getbootstrap.com/docs/5.0/components/alerts/" rel="nofollow ugc">Bootstrap</a>.</li>
<li><a href="https://shoelace.style/" rel="nofollow ugc">Shoelace</a></li>
</ul>
Each Alert can have built-in icons or you can set your own with SVGs.
Icons included are from:
<ul>
<li><a href="https://fonts.google.com/icons" rel="nofollow ugc">Google Fonts Material Icons</a></li>
<li><a href="https://github.com/chakra-ui/chakra-ui/tree/main/packages/components/icons/src" rel="nofollow ugc">Chakra UI Icons</a> (GitHub)</li>
<li><a href="https://icons.getbootstrap.com/" rel="nofollow ugc">Bootstrap Icons</a></li>
</ul>
Development:
Development happens on GitHub. Please <a href="https://github.com/dlxplugins/alerts-dlx" rel="nofollow ugc">check out the GitHub code repository for AlertsDLX</a>.

Alerts DLX – Alert Box, Callout Box, and Notifications

A beautiful and easy to use alert and callout box, with support for blocks and shortcodes.

Abu Hayat

bPlugins

Charles Cormier

Md. Merajul Islam Sojib

Create and display notices/alerts on the page using the Gutenberg block. it comes up with a few customizable options to design the alert box as you want. Improve the user experience of your website using this block plugin.
<a href="https://bblockswp.com/demo/alert" rel="nofollow ugc">Demos</a>
<h4>Features</h4>
<ul>
<li>Fully Customizable: Lots of options available to make the alert box as you want!</li>
<li>Different Types: Alert box block comes with different types, you can easily switch the type of alert box.</li>
<li>Standard Preset: Some preset alerts/notices are ready to use without any modification. </li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the Alert Box Block plugin</li>
<li>Add the Alert Box Block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For installation help click on Installation Tab
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.

Alert Box Block – Display Custom Alerts and Messages

It's Very useful and handy for Gutenberg lover.

Alerts DLX – Alert Box, Callout Box, and Notifications vs Alert Box Block – Display Custom Alerts and Messages