Skip to content

How to Trigger a Popup on Page Load in Elementor?

Table Of Content

Do you want a popup to appear as soon as someone lands on the page — a sale announcement, a welcome message, a newsletter offer?

The Popup Builder widget in The Plus Addons for Elementor does it with one switch.

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 its content

Drag the Popup Builder widget onto the page. In Content > Content, choose a Popup Type — Modal Popup is the usual choice for an announcement — and set the content with Content Type.

Step 2: Hide the trigger button

Set Select Option (Content > Content) to Hidden so no button or icon appears on the page — the popup opens by itself. Leave it on Call To Action or Icon if visitors should also be able to open it by clicking.

Select option set to hidden in the popup builder widget

Step 3: Turn on On Page Load

Open Content > Display Options and switch on On Page Load. The popup opens about half a second after the page loads, once per page view.

The on page load switch turned on in content > display options

Step 4: Stop it appearing on every page

On its own, On Page Load opens the popup on every visit to the page. To show it less often, also turn on Show X Times per User in the same section. See show a popup only once.

Settings Reference

SettingWhereDefault
On Page LoadContent > Display OptionsOff
Select OptionContent > ContentCall To Action
Show X Times per UserContent > Display OptionsOff

Limitations

  • Pro only. The Popup Builder is not in the free plugin.
  • Only on pages that contain the widget. To show it site-wide, put the widget in your header or footer template.
  • One automatic opening per page view. If On Page Load opens the popup, other automatic triggers such as On Scroll or On Exit Intent do not open it again on that page view.

Troubleshooting

The popup does not open

Test on the published page, not in the editor. Also check Show X Times per User, After X Page Views or Show For Specific Time is not holding it back.

It opens every single time

That is what On Page Load does. Add Show X Times per User to limit it.

Related Docs

Related Frequently Asked Questions

Related Docs