How to Create a Popup in Elementor

Updated November 20, 2023

~ minute read

Share this Post :

Get the most out of your marketing

Join over 100,000 of the most intelligent marketers in the universe, and receive marketing news and insights straight to your inbox.

Enter Email to Get Started:

(We will never share your information.)

How to Create a Popup in Elementor

Video on How to Create a Popup in Elementor

What You’re Going to Need to Create a Popup with this Technique

A Domain Name
Website Hosting: 702pros.com/web-hosting
WordPress: wordpress.org/download/
Elementor: wordpress.org/plugins/elementor
Elementor Pro: elementor.com

After you have the above items ready, you are set to get started with the tutorial. If you need help with any of these items, please give us a call +1 (702) 904-4262 or send us an email.The first step after all necessary items are loaded is to go to the backend of WordPress. I would start by creating a test page for the popup. After your test page is created you can then create a popup. Find templates under Elementor in the WordPress dashboard panel, then click popup from the dropdown list and select add new. Next, either select a template or start to build your popup from scratch. From here you can edit your popup to whatever design you like.

Popup Trigger Examples

There are several ways to trigger popups with Elementor, you can trigger open on page load, scroll up or down the page, scroll to an element on the page, exit intended, based on how many pages the visitor goes to, and how many times a person comes to your website. The possibilities, although not limitless are numerous and very useful for anyone company wanting to offer advanced user experiences for customers and clients on their website. See a few on-page popup examples below

Click here to see a pop in action