help center

Search
Close this search box.
On this page

Create a popup

Last Update: November 6, 2024

Popups are a type of window that appears on top of a page to capture visitor attention. They are usually used for promotions, forms, or announcements. Popups can be triggered by various actions, such as clicking a button, scrolling, or timing, and are managed through plugins or custom code.

Create the popup

Popups are created through WP Admin.

To create  a popup:

  1. Go to WP Admin.
    1 go to templates popup Create a popup 1
  2. Navigate to Templates>Popup.
    2 Click Add New popup Create a popup 3
  3. Click Add New Popup.
    The popup window appears.
    3 Name your popup Create a popup 5
  4. Name your popup.
    4 Click create template 1 Create a popup 7
  5. Click Create Template.
    5 The template library Create a popup 9
    The Popup template library opens.
  6. You have two options to design your template:
    6 Click Insert Create a popup 11
    • Choose a template from the Library to customize by clicking Insert.
      The template library 1 Create a popup 13
    • Click the X in the upper right corner to close the library and design a popup from scratch.
  7. The Elementor Editor opens.
  8. Use the Editor to design your popup. 
    7 Click Publish 1 Create a popup 15
  9. When you finish editing, click Publish
    8 the display conditions window Create a popup 17
    The Display Conditions window opens. Display conditions determine when your popup will be displayed. For example, you can have the popup appear when certain pages appear.
    9 Click Next 1 Create a popup 19
  10. Set Conditions for your popup. For details, see Conditions, triggers, and advanced rules.
  11. Click Next
  12. Set Triggers for your popup.
  13. Click Next
  14. Set Advanced Rules for your popup.
    10 Click SAve and Close Create a popup 21
  15. Click Save & Close.
    Your popup is created.

Create a popup – Example

One example where you might want to use this is to create a popup with a form in it that is triggered when a button is clicked. Check out this video tutorial to see how this is done.

Note
The video was done using an older version of the Editor, but the general steps remain the same.

For more complex scenarios, see the Popups documentation.

Keep visitors engaged with an exit-intent popup. Elementor Premium Services offers expert help designing and implementing the perfect popup.

Need expert help in creating that perfect lead-collection popup for your marketing campaign? Check out Elementor Premium Services.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!