How to Import an Elementor Popup
Popup templates carry their display settings inside the file: width, position, overlay, and entrance animation all import preconfigured (verified per template in our import tests). What never travels in the file is WHEN the popup shows; you set the trigger and conditions after import.
- 1
Download the popup file
On the component page, click Download JSON. The file exports as a real Elementor popup template.
- 2
Import it
In WP Admin go to Templates, then Popups, and use Import Templates (or Templates, then Saved Templates, then Import). The file files itself under Popups automatically.
- 3
Set conditions and triggers
Open the popup and click Publish. Elementor asks for Conditions (where it may appear, e.g. Entire Site), Triggers (what opens it: On Page Load, On Scroll, On Click, Exit Intent), and Advanced Rules (frequency, devices, sessions). Exit-intent designs pair with the Exit Intent trigger; age gates pair with On Page Load plus a once-per-session rule.
- 4
Connect any forms
Newsletter popups use the Elementor Pro Form widget: open its settings and add YOUR provider under Actions After Submit, exactly like any Pro form.
Troubleshooting
The popup imported but never appears
Popups need BOTH a condition and a trigger. Open the popup, click Publish, and confirm something is set in each of the first two tabs.
The popup shows with the wrong size or position
The design's width and position import inside the file; check Popup Settings (the gear icon) if your theme or another plugin overrides layout CSS.
The age gate can be dismissed by clicking outside
Age-gate templates ship with background-click and ESC closing disabled in Popup Settings, then Advanced. If you cloned the design into a new popup, re-enable those two toggles.
Browse every template this guide covers:
Popups →