Do you want a popup to open when someone clicks a button — a newsletter form, a booking form, an offer? It is the most common popup there is.
The Popup Builder widget in The Plus Addons for Elementor creates the button and the popup together, so there is nothing to link up and no separate button widget to add.
To check the complete feature overview documentation of The Plus Addons for Elementor Popup Builder widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — the Popup Builder widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.
- Widget to enable: Popup Builder, switched on under ThePlus Settings > Widgets.
Step 1: Add the widget and choose a popup type
Drag the Popup Builder widget onto the page. In Content > Content, pick a Popup Type: Modal Popup for a centred box, Slide or Reveal Content for a side panel, or Corner Box for a small box in a corner.
Step 2: Add the popup content
Set Content Type to Template and choose a saved Elementor template in Select Content, or pick Content to type into an editor. A template is the better choice for forms and anything with a layout. See create a popup with an Elementor template.
Step 3: Choose Call To Action as the trigger
Select Option, in the same section, decides what visitors click. It is already set to Call To Action, which places a button on the page. The other choices are Icon, Lottie and Hidden.
Step 4: Set the button label and icon
- Button Text — the label. Default Click Here; action words such as Get the guide work better.
- Icon Font and Select Icon — an optional icon, or None.
- Icon Position — before or after the label.
- Alignment — left, centre or right, set per device.
Colours, typography, padding and border for the button are on the Style tab, in Toggle Button.
Step 5: Publish and test
Publish and click the button on the live page. The popup opens; by default visitors can close it with the close icon, the Esc key or a click outside it.
Settings Reference
| Setting | Where | Options | Default |
|---|---|---|---|
| Popup Type | Content > Content | Slide, Reveal Content, Corner Box, Modal Popup | Slide |
| Content Type | Content > Content | Template, Content, Shortcode | Template |
| Select Option | Content > Content | Icon, Call To Action, Hidden, Lottie | Call To Action |
| Button Text | Content > Content | Free text | Click Here |
| Icon Position | Content > Content | Before, After | After |
| Alignment | Content > Content | Left, Center, Right | Center |
Limitations
- Pro only. The Popup Builder is not in the free plugin.
- One button per widget. To open the same popup from several places on the page, use a CSS class trigger instead.
- The button sits where the widget sits. To pin it to the screen, turn on Fixed Toggle Button in Content > Extra Options.
Troubleshooting
There is no button on the page
Select Option is set to Hidden or Icon. Set it to Call To Action.
The popup opens but is empty
Content Type is Template but no template is chosen in Select Content.
I want another button or image to open it
Give that element a CSS class and use On Any Other Element’s Click.
