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.
Required Setup
- Make sure the default WordPress Block editor is active.
- You need to have the Nexter Blocks plugin installed and activated.
- Make sure the Message Box block is activated, to verify this visit Nexter Blocks → Blocks → and Search for Message Box and activate.
How to activate the Message Box Block?
Go to
- Nexter Blocks → Blocks
- Search the block name and turn on the toggle then click Save Settings.
Key Features
- Close Button – You can easily add a close button in the alert box/message box.
- Description – You can easily add a description in the Elementor message box.
How to Use the Message Box Block?
Add the Message Box block 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.
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.
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.
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 – This is our global extension available for all our blocks. From here you can add a custom CSS class in the Additional CSS class(es) field. If you know CSS you can use this class to further finetune the style by using your own custom CSS.
Advanced options remain common for all our blocks, you can explore all it options from here.
