---
title: "How to Add a Message Box in WordPress?"
url: https://nexterwp.com/docs/add-a-message-box-in-wordpress/
date: 2024-12-04
modified: 2026-04-14
author: "Aditya Sharma"
description: "A message box can significantly improve user experience by offering clear guidance and facilitating immediate interaction, whether through alerts, notifications, or confirmations. With the Message Box block from Nexter Blocks,..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-a-Message-Box-in-WordPress_-1024x519.jpg
word_count: 384
---

# How to Add a Message Box in WordPress?

## Key Takeaways

- Nexter Blocks includes a Message Box block that allows users to add alerts, notifications, or confirmations on their WordPress website.
- The Message Box block features a close button, description field, and options to add an icon and button for enhanced interactivity.
- Users can design the Message Box layout from scratch or import a preset template for customization.

A message box can significantly improve user experience by offering clear guidance and facilitating immediate interaction, whether through alerts, notifications, or confirmations.

With the Message Box block from Nexter Blocks, you can add different types of message boxes on your WordPress website.

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-message-box/)

## Required Setup

- Make sure the default WordPress Block editor is active. 

- You need to have the [Nexter Blocks](https://wordpress.org/plugins/the-plus-addons-for-block-editor/) plugin installed and activated.

- Make sure the Message Box block is activated, to verify this visit Nexter → Blocks → and Search for Message Box and activate.

## How to activate the Message Box Block?

Go to 

- **Nexter **→ **Blocks **

- **Search **the block name** **and** turn on the toggle**.

![](https://nexterwp.com/wp-content/uploads/2024/12/message-box-activate-new-1.png)

## Key Features

- **Close Button** - You can easily [add a close button in the alert box/message box](https://nexterwp.com/docs/add-close-button-in-alert-box-message-box-in-wordpress/).

- **Description - **You can easily add a description in the message box.

## How to Use the Message Box Block?

Add the Message Box block to the page.

Then click on the **Design from Scratch** button to design the layout from scratch.

![](https://nexterwp.com/wp-content/uploads/2024/12/message-box-design-type-1024x190.png)

> *Note: By clicking on the Import Pre-Designed Template button, you can [import a preset template](https://nexterwp.com/docs/import-templates-in-nexter/#Import-Preset-Designs-for-Specific-Blocks-in-Nexter) and customize it as per your requirements.*

### Content

From the **Title**, you can add a title for the message box.

From the **Description** toggle, you can add a description to the message box.

By enabling the **Main Icon **toggle, you can add an icon to the message box.

Then, from the **Close Button** toggle, you can add a close button in the message box.

### Button

By enabling the **Show Button** toggle, you can [add a button to the message box](https://nexterwp.com/docs/add-a-button-in-a-wordpress-message-box/).

![](https://nexterwp.com/wp-content/uploads/2024/12/message-box-button-new.png)

## How to Style the Message Box Block?

You can style the Table Of Contents block from the Style tab. 

**Title** -  From here, you can manage the title style.

![](https://nexterwp.com/wp-content/uploads/2024/12/message-box-style-new.png)

**Description** -  From here, you can manage the description style.

**Main Icon **- From here, you can manage the Main icon style.

**Button** - You’ll see this tab only when the **Show Button** toggle is enabled in the **Layout** tab. From here, you can manage the button style.

**Close Button** - From here, you can manage the close button style.

**Background Options** - From here, you can customize the message box background style.

Advanced options remain common for all our blocks, you can explore all it options from here.

[View Advanced tab tutorial.](https://nexterwp.com/docs/add-advanced-tab-in-wordpress/)

## Frequently Asked Questions

**Q: What should I do if the Message Box block isn't showing up in WordPress?**
A: If the Message Box block isn't appearing, ensure that the Nexter Blocks plugin is installed and activated. Additionally, check that the block is activated by navigating to Nexter u2192 Blocks, searching for 'Message Box', and toggling it on. This step is crucial because without activation, the block won't be available for use.

**Q: How do I import a preset template for the Message Box?**
A: To import a preset template for the Message Box, click on the Import Pre-Designed Template button after adding the block to your page. This feature allows you to quickly customize a message box layout that suits your needs, saving time and ensuring a professional look.

**Q: Are there any limitations to using the Message Box block?**
A: While the Message Box block is versatile, it is important to note that it requires the Nexter Blocks plugin and the default WordPress Block editor to function. Without these, you won't be able to access the block or its features. Ensure your setup meets these requirements for optimal performance.