Native Divi 5 ModuleFree

Divi Alert Box

Create inline notices to display important information within your content seamlessly. Ideal for alerts, announcements, and updates.

Why use the Divi Alert Box module?

A status message, a warning, or a small callout box comes up on almost every site, and stock Divi has no dedicated module for one. The usual fix is a Blurb styled by hand, or a code module with inline HTML.

Alert Box is a single module for exactly this: a coloured banner with an icon, a title, a description and an optional dismiss control, in six preset colour types.

The box beside this is the live module.

This alert is the live module.

Type, icon, and the dismiss control are all module settings.

What you get out of it

Six colour types, built inDanger, warning, info, light, dark and a lighter dark variant, one dropdown apart.An icon or an imageA Divi icon, optionally in its own coloured box, or swap it for an uploaded image.Title and body, styled apartTwo separate font groups, so the headline can be bold and the description can stay plain.A dismiss controlA close icon with its own colour, size and spacing, so visitors can hide the alert.Icon alignmentTop, centre or bottom against the text, for a short one-liner or a longer paragraph.Free, and native on Divi 5It ships in Divi Torque Lite on WordPress.org, built on the Divi 5 engine.

Everything the Divi Alert Box module does

Every option below ships in the free plugin.

Type: danger, warning, info, light, dark or ltdarkIcon alignment: top, centre or bottomDivi icon, or an uploaded image with alt textIcon box background, width, height and spacingTitle, with its own font groupDescription, with its own font groupDismiss control: on or offDismiss colour, size and spacingCustom CSS hooks for the icon wrapper, the icon, the title and the description

See the Divi Alert Box in action

Every box below is the live module, not a picture of one. These three show three of the six colour types.

Info

The default type, for a neutral status message.

Heads up

Six colour types ship with this module.

Warning

For something that needs attention but is not an error.

Check your settings

A yellow tone reads as caution, not failure.

Danger

For an error or a destructive action.

Something went wrong

Red reads as urgent across almost every audience.

Light, dark and the lighter dark variant

Three more types, for pages that want a quieter tone than the status colours.

Light

A pale neutral background.

A quieter tone

For a message that is informational, not urgent.

Dark

A solid dark background.

High contrast

Reads well on a light page as a deliberate callout.

Ltdark

A softer dark, between light and dark.

Somewhere between

Less contrast than Dark, more than Light.

With a dismiss control

Show Dismiss adds a close icon with its own colour, size and spacing.

Dismissible

Click the close icon and the alert hides itself.

You can close this

The dismiss control is a separate toggle from the alert type.

Adding one takes about a minute

Three steps, and none of them involve custom CSS.

1Drop in the moduleAdd Alert Box to any row. It arrives as an Info type with a placeholder title and description.2Pick the type and the iconThe Content panel holds the six colour types and the icon or image choice.3Turn on Dismiss if you want itOne toggle adds a close control, styled in the Design tab.

Questions people ask first

Short answers, all of them checked against what the module actually does.

Is the Alert Box module free?Yes. It ships in Divi Torque Lite on WordPress.org.Does it need Divi 5?It is a native Divi 5 module. A Divi 4 layout using the same module converts across, since it shares the same shortcode.Does dismissing an alert remember the choice for next time?No. Dismiss hides the alert for the current page view. Reloading the page brings it back.Can I add a seventh custom colour?Not as a type preset. The six types are fixed, though the background, border and text colours can be overridden by hand in Design.Can I use an image instead of an icon?Yes. The icon slot takes either a Divi icon or an uploaded image with its own alt text.Does it auto-dismiss after a few seconds?No. There is no timer. The only way to remove it is the dismiss control, if it is turned on.

Get Alert Box and 78 more.

One license, every module and extension, native on Divi 5.

Unlock all 79 modules