Skip to content

Native Divi 5 Module

Divi Alert Box

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

Ask AI about the Divi Alert Box module

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.In every plan, native on Divi 5Included in every Divi Torque Pro plan, built on the Divi 5 engine.

Everything the Divi Alert Box module does

Every option below is included in every Divi Torque Pro plan.

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.

N
A quieter tone
For a message that is informational, not urgent.

Dark

A solid dark background.

N
High contrast
Reads well on a light page as a deliberate callout.

Ltdark

A softer dark, between light and dark.

N
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 included in Divi Torque Pro?Yes. Every Divi Torque Pro plan includes it. It lives in the free Divi Torque Lite core, which Divi Torque Pro installs in one click.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.

Simple, honest pricing

Every plan includes all 98 Divi modules. The Unlimited plan covers every site you build.

4.7★ from 116 reviews on WordPress.org

Starter

For a handful of client sites.

$99 $59 once

Billed once. Yours forever.

$39/yr

Billed yearly.

  • 10 sites
  • 98 modules, 9 extensions
  • Native Divi 5
  • ×White-label license
  • ×Saddle Pro plugin (AI agents)
Best value

Unlimited

Every site you will ever build.

$249 $149 once

Billed once. Yours forever.

$79/yr

Billed yearly.

  • Unlimited sites
  • 98 modules, 9 extensions
  • Native Divi 5
  • White-label license
  • ×Saddle Pro plugin (AI agents)

Divi Torque + AI

Everything in Unlimited, plus a second plugin: Saddle Pro, so AI agents can build your site.

$499 $299 once

Billed once. Yours forever.

$149/yr

Billed yearly.

  • Unlimited sites
  • 98 modules, 9 extensions
  • Native Divi 5
  • White-label license
  • Saddle Pro plugin (AI agents)
  • 30-day money-back guarantee
  • Lifetime honored forever, in writing
  • Secure checkout