Warning
This warning box has the optional close button turned on. Try it out.
Important Info
This is the info alert box for sharing…info.
Congratulations
This is great when a customer or user does something successfully.
Danger
Uh oh. If it looks like something went wrong, red is the alert box to use.
Muted
This is a great all-purpose alert box.

Code

[alert type="warning" close="true" heading="Warning"] This warning box has the optional close button turned on. Try it out. [/alert]
[alert type="info" close="false" heading="Important Info"] This is the info alert box for sharing...info. [/alert]
[alert type="success" close="false" heading="Congratulations"] This is great when a customer or user does something successfully. [/alert]
[alert type="danger" close="false" heading="Danger"] Uh oh. If it looks like something went wrong, red is the alert box to use. [/alert]
[alert type="muted" close="true" heading="Muted"] This is a great all-purpose alert box. [/alert]

Options

  • id: add a unique ID to the shortcode.
  • class: add a class or multiple classes to the shortcode.
  • style: add inline styles to the shortcode.
  • type: “muted,” “warning,” “info,” “success,” or “danger.”
  • close: set to “true” to add a close button to your alert.
  • heading: add the heading of your alert here.