How to set up and style the Modal Popup widget in Elementor.
Modal Popup shows text, an image, a video or a saved template in a popup. It opens from its own trigger, from any link to its ID, or by itself on page load, scroll, exit intent or idle time. Use it for offers, newsletter forms, videos and notices.
Part of: Bright Addons Pro. Before you start: A saved template is needed only when Content is set to Saved Template.
| Option | What it does |
|---|---|
| Content | What the popup holds: text editor, saved template, image or video. |
| Popup Title | A heading at the top of the popup. Leave it empty for no heading. |
| Text | The text of the popup when Content is Text Editor. |
| Template | The saved template shown inside the popup. |
| Video Address | A YouTube or Vimeo link, or the address of an MP4 or WebM file. |
| Button Text | The text of the button inside the popup (text editor content only). |
| Option | What it does |
|---|---|
| Trigger on the Page | The element visitors click: a button, text link, icon, image, or nothing. |
| Popup ID for Links | An ID that lets any link to it on the page open the popup. |
| Also Open Automatically | Opens the popup after page load, after scrolling, on exit intent or after idle time. |
| Delay (seconds) | The wait before opening after page load, or the idle time needed. |
| Show Automatically | How often the automatic opening may happen for the same visitor. |
| Option | What it does |
|---|---|
| Position | Where the popup appears on the screen. |
| Open Animation | Fade, Zoom In, Zoom Out, Slide Up, Slide Down, 3D Flip or None. |
| Dark Background Behind | Covers the page with a dark layer while the popup is open. |
| Close on Background Click | Closes the popup when the visitor clicks the dark background. |
| Close by Itself After (seconds) | Closes the popup after this many seconds. 0 keeps it open. |
| Close When a Link Inside Is Clicked | Closes the popup when a link inside it is clicked. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
typography, icon size and spacing, colors, background, border, radius, shadow and padding of the trigger, plus icon size or image width.
width, max height, background, border, shadow, radius, padding, accent color and space from the screen edge.
typography, color and text shadow of the title and the text, the title margin and the alignment.
typography, colors, background, border, radius, shadow and padding of the button.
background color and blur behind the popup, and the close button size, colors and radius.
Enter a name in Popup ID for Links, for example my-popup, and set the link of the menu item or button to #my-popup. Any link to that ID on the same page opens the popup.
No. A YouTube or Vimeo player is loaded when the popup opens and removed again when it closes.
Yes. Set Show Automatically to Only Once, or pick Once per Visit or Once Every Few Days.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide