---
title: "Message Box: Settings Overview"
url: https://theplusaddons.com/docs/message-box-settings-overview/
date: 2024-03-14
modified: 2026-04-09
author: "Aditya Sharma"
description: "The Plus Addons for Elementor’s Message Box widget allows users to add eye-catching and informative messages to their websites, making it easier to communicate with their audience.With the Message Box..."
image: https://theplusaddons.com/wp-content/uploads/2024/03/Message-Box_-Settings-Overview-1024x536.jpg
word_count: 519
---

# Message Box: Settings Overview

## Key Takeaways

- The Plus Addons for Elementoru2019s Message Box widget allows users to highlight special offers and showcase customer testimonials.
- The Message Box widget includes a close button feature that can be easily added to the alert box.
- Users can customize the closing animation duration of the Message Box, with options like 500ms for a quick close.

The Plus Addons for Elementor’s Message Box widget allows users to add eye-catching and informative messages to their websites, making it easier to communicate with their audience.

With the Message Box widget, you can highlight a special offer, showcase customer testimonials, or simply convey important information.

The Plus Addons for Elementor’s Message Box widget allows users to add eye-catching and informative messages to their websites, making it easier to communicate with their audience.

With the Message Box widget, you can highlight a special offer, showcase customer testimonials, or simply convey important information.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-message-box/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Required Setup

- [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- Make sure the Message Box widget is activated. To verify this, visit ThePlus Addons → Widgets → and search for Message Box and activate. 

## Learn via Video Tutorial:

https://youtu.be/yEdMsJiC7Js?si=pAQCOcYd2e1-_Yil

## How to Activate the Message Box Widget?

Go to 

- **The Plus Addons **→** Widgets **

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

![](https://theplusaddons.com/wp-content/uploads/2024/03/Tpae-MessageBox-Activate-1024x345.png)

## Key Features

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

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

## How to Add a Message Box in Elementor?

Add the Message widget to the page. 

#### 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.

You can also add a [description in the Elementor message box using an Elementor template.](https://theplusaddons.com/docs//add-description-in-elementor-message-box-using-elementor-template/)

![](https://theplusaddons.com/wp-content/uploads/2024/03/Tpae-MessageBox-Content.png)

#### Icon & Button

From here, you can add an icon and a closing button for the message box.

You can enable the **Main Icon **toggle if you want to add it to the message box.

From the **Select Icon** section to add an Icon or upload an SVG from the media library.

![](https://theplusaddons.com/wp-content/uploads/2024/03/Tpae-MessageBox-Icon-And-Button.gif)

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

From the **Select Icon** section to add an Icon or upload an SVG from the media library.

Using the **Closing Animation Duration** Section, you can control how fast the icon closes.

**For example,** setting it to 500ms means it will close quickly, while 1000ms will make it close more slowly.

## How to Style the Message Box Widget?

To style the Message** **box, you’ll find all the options in the Style tab.

**Title** -  From here, you can manage the title style. You can change the title typography, title color, and add a hover effect.

![](https://theplusaddons.com/wp-content/uploads/2024/03/Tpae-MessageBox-Style.png)

**Description** -  From here, you can manage the description style. You can change the description typography, description color, and add a hover effect.

**Main Icon **- From here, you can manage the Main icon style. You can change the main icon style, size, and color, and add a hover effect.

**Close Button** - From here, you can manage the close button style. You can change the close button size, color, and add a hover effect.

**Background** - From here, you can customize the message box background border and add an image background, etc.

Advanced options remain common for all our widgets; you can explore all their options from here.

[View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/)

![Message box demo](https://theplusaddons.com/wp-content/uploads/2024/03/Messgae-box-demo-1-1024x307.png)

## Frequently Asked Questions

**Q: What should I do if the Message Box widget isn't showing up in Elementor?**
A: If the Message Box widget isn't appearing, ensure that both the Elementor FREE Plugin and The Plus Addons for Elementor plugin are installed and activated. Additionally, check that the Message Box widget is activated by navigating to The Plus Addons u2192 Widgets and searching for 'Message Box'. If it's not toggled on, it won't be available for use.

**Q: How can I add a close button to the Message Box?**
A: Adding a close button to the Message Box is straightforward. In the widget settings, enable the Close Button toggle. You can also customize the close button's icon and control its closing animation duration. For instance, setting it to 500ms will make it close quickly, enhancing user experience by allowing them to dismiss the message easily.

**Q: What common mistakes should I avoid when setting up the Message Box widget?**
A: A common mistake is neglecting to activate the Message Box widget in The Plus Addons settings. Ensure you check this first. Additionally, many users overlook the styling options, which can significantly impact the visual appeal of the message. Take the time to customize the typography, colors, and hover effects to ensure your message stands out.