Shops
Delivery details or a size guide next to the price.
Content / widget · Elementor module
Dialog Message Button Widget Plugin for Elementor
Add a button that opens a message in a modal dialog: delivery details, terms, a size guide or a short notice.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Dialog message buttonProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Try each one on this page.
02 / Inside WordPress
Dialog message button controls in Elementor
Content sets the button text, the dialog title, the message, the Close text and whether a click outside closes it. The Style tab covers the button, the Close button and the dialog’s width, colours, dimming, typography, border and padding.
03 / Website use cases
Where to use dialog message button
Delivery details, terms and size guides clutter a page, but hiding them in a popup often breaks keyboard use: focus is lost, Esc does nothing and screen readers keep reading the page behind. Dialog message button uses the browser’s own modal dialog, so focus moves in and back out properly, Esc closes it and the page behind is out of reach. Without JavaScript the message simply shows in the page.
Services
Terms or what is included, one click away.
Notices
Opening hours or a short announcement.
04 / Installation and setup
How to add a dialog message button in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Dialog message button in the Complementor library.
Enter the button text and the dialog title.
Write the message; links, lists and bold text are fine.
Style the button and the dialog.
Publish the page and try it.
05 / Content and style controls
Customize dialog message button in Elementor
Configure the settings available for this module to suit the page you are building.
Native modal dialog.
Esc, Close or outside click closes it.
Focus returns to the button.
Rich-text message.
Shown in the page without JavaScript.
Inline fallback for older browsers.
06 / Choose the right approach
Dialog message button and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Elementor Pro popups
Powerful, but need Pro and a separate template for each message.
An accordion
Pushes the page down instead of overlaying it.
07 / Requirements and compatibility
Dialog message button compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- One message per widget; it does not open automatically.
- Nothing is sent to your server.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot dialog message button
Check these settings if the published page behaves differently from the editor.
The button does nothing.
JavaScript is off or blocked; the message is then shown in the page instead.
Clicking outside does not close it.
Close when clicking outside is switched off. Esc and Close still work.
The dialog is too wide.
Set Maximum width in the Dialog style section.
The widget shows nothing.
The message is empty. Add a message; the editor shows a hint.
Dialog message button plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Is it accessible?
Yes. It uses the native modal dialog with a title, focus moves in and back out, and Esc closes it.
Can the message include links?
Yes. It is a rich-text field; content is filtered like post content.
Does it need JavaScript?
To open as a dialog, yes. Without it the message shows in the page.
Can I use it more than once on a page?
Yes. Each copy works on its own.
10 / Annual All Access subscription
Get dialog message button with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.