How to Set Up JetPopup in Elementor: Exit Intent and Scroll Triggers

JetPopup lets you build popups using the Elementor editor and control when they appear with trigger and display condition settings. Here is how to set one up from scratch.

Creating a New Popup

1. Go to JetPopup, then Add New Popup.
2. Give the popup a name (internal label).
3. Click Edit with Elementor. The Elementor editor opens with a blank popup canvas.
4. Design the popup using standard Elementor widgets — heading, text, image, form, button. The popup canvas is the popup container; design within it.
5. Set the popup dimensions in the left panel under Popup Settings — width, height, background colour, border radius.
6. Publish the popup template.

Configuring Popup Triggers

After publishing, go to the popup list and click Settings on your popup. Under Trigger, choose the event that opens the popup:

• Page Load — Opens immediately when the page loads. Add a time delay in seconds to avoid an instant popup.
• Scroll — Opens when the user scrolls to a percentage of the page height. 50% means the popup appears when the user reaches halfway down.
• Exit Intent — Opens when the user moves the cursor toward the browser top (desktop only). This is the most common trigger for email capture popups.
• Click — Opens when a user clicks an element with a specified CSS class or ID. Use this for popup-triggered buttons.
• Inactivity — Opens after the user has not interacted with the page for a specified number of seconds.

Setting Cookie Controls

Under the Cookie settings, configure how often the popup shows to the same user:

• Cookie Expiration Days — Set to 7 to show the popup once per week per user. Set to 30 for once per month. Set to 0 to show every time (usually too aggressive).
• Dismiss on Close — When enabled, closing the popup sets the cookie and the popup does not show again until the cookie expires.

Setting Display Conditions

Display conditions control which pages the popup appears on. Under Conditions, add rules:

• Entire Site — Shows on all pages.
• Front Page — Shows only on the homepage.
• Single Post — Shows on any single post, or specify by post ID for a specific post.
• Post Type — Shows on all posts of a specific post type.
• Taxonomy — Shows on posts in a specific category or tag.
• User Role — Shows only for logged-in users, logged-out visitors, or specific roles.

Combine conditions with AND/OR logic to target precisely. For example: show on any single post AND only to logged-out users.

Attaching the Popup to a Page

After configuring triggers and conditions, the popup needs to be activated. In the popup list, toggle the popup status to Active. JetPopup will now display the popup on pages matching your conditions when the trigger fires.

Testing the Popup

Test in a private/incognito browser window to simulate a first-time visitor without cookies. Verify the trigger fires correctly and the popup appears as expected. Test on mobile separately — exit intent does not work on mobile (no cursor to detect), so ensure your mobile trigger is scroll or time-based.

For advanced popup configurations including multi-step popups, form integrations, and A/B testing different popup designs, a WordPress developer experienced with Elementor and JetPopup can build and optimise your popup strategy.