Skip to content

Alert Box for
WPBakery Page Builder

Grab attention with clean, styled alerts for notices, warnings, and success messages. Pair an icon with a title and your text, choose a layout, and add a dismiss button, all inside WPBakery with no code.

Notices That Get Noticed
Deliver important messages with the Alert Box widget. Combine an icon, a title, and your text in a styled banner, choose a layout, add a close button, and make announcements, warnings, and confirmations impossible to miss.
Try It Out

Say it clearly, and make it impossible to miss.

The Alert Box is the element you reach for when a message needs to stand out. Show a success note after a form, a warning at the top of a page, or a friendly tip inside your content. Add an icon, a title, and your text, pick a layout, and give visitors a close button when they are done.

It works the way WPBakery already works. Drag it in, write your message, pick your colors, and you are done. Nothing to learn, nothing to fight with.

See the Alert Box in action

Great! Item added to your cart.

Info: Maintenance is scheduled for tonight.

Oops! Invalid input. Please check your form.

Caution! You’re about to overwrite existing data.

Error

Provide some description here.

Warning

Provide some description here.

Success

Provide some description here.

Important Update: New Feature Release

We’re excited to introduce a new feature in your dashboard — Real-Time Notifications. This feature allows users to receive instant alerts for system updates, activity logs, and user interactions without needing to refresh the page.
To enable this, go to Settings > Notifications and toggle the “Real-Time Alerts” option. This update improves overall usability and helps you stay up to date with important events as they happen. Download Now https://classicaddons.com/

Backup Completed Successfully

Your scheduled database backup was completed on Today. The backup has been securely stored on your cloud drive.
No further action is needed at this time. You can view your backup history under Tools > Backup Logs. Download Now https://classicaddons.com/

Action Required

Your current password will expire in 5 days. For your account security, please update your password before it expires to avoid being locked out.

Everything you can control

Four layout styles

Choose Top Icon, Left Icon, Right Icon, or Modern Card so the alert fits the look of any section on your page.

Icon or image

Add an icon from Font Awesome 6, Material, Typicons, Entypo, Open Iconic, or Mono Social, or upload your own image.

Title and message

Add a bold title and your message, each with full typography control over size, color, font family, and spacing.

Dismiss button

Turn on a close button so visitors can dismiss the alert once they have read it and keep the page tidy.

Colors and border

Set the background, text color, and a border style and color to signal success, warning, error, or a simple note.

Entrance animation

Add a WPBakery CSS animation so the alert fades or slides into view as the visitor scrolls down to it.

Configure Your Alert Box with Ease

The General settings let you build your alert in just a few clicks. Pick a layout style, add a title and message, choose an icon, and toggle the close button to create clear, attention-grabbing notices that improve user experience.

Style Every Detail of Your Alert Box

Make each alert uniquely yours with advanced design settings. Configure the background color, text color, border style and color, spacing, and layout to create responsive, professional notices that blend seamlessly with your website’s branding.

Advanced Typography Controls for Perfect Readability

Keep every message crisp and easy to read with advanced typography controls. Adjust font size, colors, custom font families, and spacing on both the title and the message text so your alerts look polished, responsive, and aligned with your website’s branding.

Flexible Icon Settings for Clear, Friendly Alerts

Set the right tone with the perfect symbol. Pick an icon from six libraries or upload your own image, then adjust its size and color so a checkmark, a warning triangle, or an info dot makes the meaning of every alert clear at a glance.

How to add an Alert Box in Your Site?

1. Make sure WPBakery Page Builder and Classic Addons are both installed and active.
2. Edit any page with WPBakery, click the plus to add an element, and search for "Alert Box."
3. Drop it in, choose a layout style, then add your icon, title, and message.
4. Set the background, text color, and border to match the type of alert.
5. Turn on the dismiss button and add an entrance animation if you want, then save.
That is it. Drop an alert wherever a message needs to stand out, in well under a minute.

Frequently Asked Questions

Logo-Footer
Classic Addons extends WPBakery Page Builder with
powerful, lightweight, and responsive widgets to help you
create modern WordPress websites faster and without coding.
ResourcesFree Features / DemosPremium Features / DemosPricing
CompanyResourcesPrivacy Policy
Get HelpDocumentationDownload FreeSupport

© 2026 Classic Addons. All rights reserved.

Back To Top