--- title: "How to Create an Alert Box in WordPress?" url: https://nexterwp.com/docs/create-an-alert-box-in-wordpress/ date: 2024-12-04 modified: 2026-09-18 lang: en author: "Aditya Sharma" description: "Alert boxes are the coloured strips that tell a visitor something went right, something went wrong, or something needs their attention before they carry on. In Nexter Blocks an alert..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-an-Alert-Box-in-WordPress_-1024x519.jpg word_count: 637 --- # How to Create an Alert Box in WordPress? ## Key Takeaways - Nexter Blocks trata un aviso como el Message box con estilo de alerta, y permite usar icono y colores para success, warning, error o information. - Message box se añade desde Nexter > Blocks en el panel de WordPress, y la edición Free funciona en Nexter Blocks free y con Nexter Blocks Pro. - Message box muestra hasta cuatro partes, icono, título, descripción y botón, más un botón de cierre opcional; la descripción solo aparece cuando el interruptor está activado y hay texto. - Cerrar el aviso no se recuerda: una recarga lo vuelve a mostrar, y no existe un selector separado de success, warning o error. Alert boxes are the coloured strips that tell a visitor something went right, something went wrong, or something needs their attention before they carry on. In Nexter Blocks an alert box is the Message box with alert styling — you pick the icon and the colours that say success, warning, error or information. *For every External Form Styler setting in one place, see the [main Message box guide](https://nexterwp.com/docs/add-a-message-box-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-message-box/) ## Before You Start - **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Message box, switched on under **Nexter > Blocks** in your WordPress dashboard. ## Video Tutorial ## Steps - Add the **Message box** block and type the alert text as the **Title**. ![A Message box styled as an alert](https://nexterwp.com/wp-content/uploads/2024/12/messagebox-create-alert-box-demo.png) - Pick an **Icon** that matches the meaning — a tick for success, an exclamation mark for a warning, a cross for an error, an *i* for information. - Set the box **background** and **border** colours to match: green, amber, red or blue. - Set the **icon** and **title** colours so they read clearly against that background. - Switch the **close button** on if the alert should be dismissible, then publish. > *There is no separate alert box block or preset — an alert box is this same Message box with alert styling. The block's own default title, "Special Alert message for you. Got it?"*, is why it is often described that way. ## How It Behaves The Message box is a single styled box with up to four parts — an icon, a title, a description and a button — plus an optional close button. It is the block to reach for when a page needs a notice that stands apart from the body text. - **There is no alert type to choose.** The difference between a success box and an error box is entirely the icon and the colours you set — the block renders the same structure either way, measured across every icon setting tested.- **The block's default content is already an alert.** Out of the box the title reads *"Special Alert message for you. Got it?"* with an exclamation icon and a close button.- **The description needs both switches.** Measured separately in both directions: with the toggle on and the text box empty, and with text typed but the toggle off, no description element is rendered at all.- **The arrow only exists if the icon does.** Measured with the icon switched off and the arrow switched on: there is no arrow anywhere on the page. The arrow is drawn on the icon, so switching the icon off removes both.- **Any icon class is accepted** — measured, the icon you choose is rendered verbatim, so the same block covers all four alert styles. ## Limitations - **No presets.** There is no success/warning/error chooser; you set the colours each time. Save the styled block as a reusable block if you need it often.- **Colour alone does not convey meaning** to everyone. Keep the icon, and make the wording say what happened, so the alert still reads without colour.- **Closing is not remembered** — measured, a reload brings the alert back.- One alert per block. ## Troubleshooting ### My alert looks like plain text No background colour has been set. The block does not colour itself by meaning — set the box background and border for the alert you want. ### The icon is missing Check the icon is switched on and an icon has been chosen. Measured: with the icon off, the arrow disappears too. ### The description text I typed is not showing Measured in both directions: the description needs its toggle on *and* text in the field. ### The alert comes back after the visitor closes it Measured: closing hides it for that page view only and a reload restores it. See the [close button guide](https://nexterwp.com/docs/add-close-button-in-alert-box-message-box-in-wordpress/). ## Related Docs - [Add a message box in WordPress](https://nexterwp.com/docs/add-a-message-box-in-wordpress/)- [Add a close button to a message box](https://nexterwp.com/docs/add-close-button-in-alert-box-message-box-in-wordpress/)- [Add a button in a message box](https://nexterwp.com/docs/add-a-button-in-a-wordpress-message-box/)