---
title: "Message Box: Settings Overview"
url: https://theplusaddons.com/docs/message-box-settings-overview/
date: 2024-03-14
modified: 2026-04-09
lang: en
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

## 

- The Plus Addons for Elementoru2019s Message Box widget enables users to display informative messages, special offers, and customer testimonials on their websites.
- Activation of the Message Box widget requires the installation of Elementor FREE Plugin and The Plus Addons for Elementor plugin, with specific steps outlined for verification.
- Key features include a customizable close button, description options, and extensive styling capabilities for title, description, main icon, and background.

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)