Create a full-screen popup

Last Update: November 6, 2024

Full Screen Popups are great for directing your user’s attention to a Call To Action or Promotion. In this example, we’ll wait for the user to be inactive for a while, at which time, we’ll display a full screen popup

Tip
Adding a Countdown widget to your popup helps add a sense of urgency, encouraging users to take immediate action.

Create Popup

  1. Create your popup. For details, see Create a popup.
    Click the settings icon Create a full-screen popup 1
  2. In the Elementor Editor, click the Settings icon.
  3. In the Settings tab, enter the following settings:
    The popup settings Create a full-screen popup 3
    Width: 100 VW
    Height: Fit to Screen
    Horizontal position: Center
    Vertical position: Center
    Overlay: Toggle on
    Close button: Toggle on
  4. (Optional) Click the Style tab to change the look of the popup.
    2 Click Publish Create a full-screen popup 5
  5. Click Publish to save and publish the popup.
    The Publish Settings window appears.
    3 Click add condition Create a full-screen popup 7
  6. Click Add Condition.
    4 set the condition Create a full-screen popup 9
  7. Make sure the condition is set to Include Entire Site.
    5 Click Create a full-screen popup 11
  8. Click Next.
    6 Select trigger and close Create a full-screen popup 13
  9. In Triggers, select After Inactivity of 30 seconds and click Save & Close.
    The popup will appear anywhere on the site when a user is inactive for over 30 seconds.

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.

On this page

Share this article