How to Create a Popup in Elementor Pro

The Popup widget in Elementor Pro is one of the best popup tools for WordPress. This guide shows you how to create a popup and fully configure how it is displayed.

Create a popup

1. Go to Dashboard -> Templates -> Popups
2. Click Add new to create a new popup (or edit an existing one).
3. Pick a suitable template from the Template Library, or start from scratch. If your popup is simple, start from scratch and add your image and text. Templates can look nice, but they take time to adjust.
4. Build the popup with the usual Elementor widgets, just like any other page.
5. Click Settings in the bottom-left corner to set how the popup looks (size, position, overlay, entrance/exit animations and so on).

Display settings

Find the button next to the popup’s PUBLISH / UPDATE button and choose Display Conditions.

Conditions

Choose which pages show the popup. This can be the Entire Site, or the homepage, specific categories, pages or posts.

Triggers

Choose when the popup appears (on page load, after a number of seconds, after the visitor scrolls a certain percentage of the page, and so on).

Advanced Rules

Set up a few advanced rules.

Finish

1. When you are done with the settings, click PUBLISH or UPDATE to save your changes.
2. Visit your website, or the pages that match your conditions, to check that the popup works.