Uploaded December 2024 | Updated September 2026, 2 days ago
A dynamic popup in WordPress loads different content depending on which loop item was clicked — in JetEngine, this loop is called a Listing. Instead of one static overlay, each post opens a unique popup with its own data. JetPopup + JetEngine make this possible with Ajax loading and the "JetEngine Listing Popup" trigger.
In this tutorial, Mary shows how to build a popup with dynamic widgets, configure Ajax and Force Loading settings, set display conditions, and attach the popup to a listing grid (WordPress loop) — either by clicking the whole item or a specific button widget.
✅ What you'll learn:
• How to create a new popup in JetPopup and add dynamic widgets
• How to enable Ajax Loading and Force Loading for dynamic content
• How to set display conditions for the popup
• How to make a loop item (listing item) clickable to open a popup
• How to attach a popup to a specific widget (e.g. a button)
• The difference between two popup trigger methods
-------------
► TIMESTAMPS
00:00 Overview — Dynamic Popup for JetEngine Listings
01:05 Preparing the Listing and CPT Setup
01:22 Creating the Popup in JetPopup
02:22 Configuring Popup Settings — Ajax, Force Loading, Display Conditions
03:06 Adding the Popup to the Listing
03:25 Trigger Option 1 — Open Popup by Clicking a Listing Item
03:58 Trigger Option 2 — Open Popup via a Button Widget
---------------
► Get JetPopup: out.crocoblock.com/41rdKKy
► Get JetEngine: out.crocoblock.com/3Bw6xhD
► Choose Crocoblock subscription: out.crocoblock.com/3VqMecn
📄 How to Build a Dynamic Popup for JetEngine Listings (Knowledge Base):
crocoblock.com/knowledge-base/jetpopup/jetpopup-how-to-build-a-dynamic-popup-to-work-with-jetengine-listings
📄 JetPopup: Using the Power of Dynamic Popup Features:
crocoblock.com/blog/jetpopup-using-power-of-dynamic-popup-features
📺 Extended version — Dynamic Popup with Visibility and Button Trigger:
youtube.com/watch?v=MalwXeKHIx0
► Full JetPopup Tutorials Playlist:
youtube.com/playlist?list=PL26jaHWVtLFy8tjx4qBOkY8M9vsjNVOvD
► Full JetEngine Tutorials Playlist:
youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
-------------
#JetPopup #JetEngine #Crocoblock #DynamicPopup #WordPress
Have questions about dynamic popup settings or trigger options? Drop them in the comments 👇
If this helped, like the video and subscribe for more WordPress tutorials.
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
A dynamic popup in WordPress loads different content depending on which loop item was clicked — in JetEngine, this loop is called a Listing. Instead of one static overlay, each post opens a unique popup with its own data. JetPopup + JetEngine make this possible with Ajax loading and the "JetEngine Listing Popup" trigger.
In this tutorial, Mary shows how to build a popup with dynamic widgets, configure Ajax and Force Loading settings, set display conditions, and attach the popup to a listing grid (WordPress loop) — either by clicking the whole item or a specific button widget.
✅ What you'll learn:
• How to create a new popup in JetPopup and add dynamic widgets
• How to enable Ajax Loading and Force Loading for dynamic content
• How to set display conditions for the popup
• How to make a loop item (listing item) clickable to open a popup
• How to attach a popup to a specific widget (e.g. a button)
• The difference between two popup trigger methods
-------------
► TIMESTAMPS
00:00 Overview — Dynamic Popup for JetEngine Listings
01:05 Preparing the Listing and CPT Setup
01:22 Creating the Popup in JetPopup
02:22 Configuring Popup Settings — Ajax, Force Loading, Display Conditions
03:06 Adding the Popup to the Listing
03:25 Trigger Option 1 — Open Popup by Clicking a Listing Item
03:58 Trigger Option 2 — Open Popup via a Button Widget
---------------
► Get JetPopup: out.crocoblock.com/41rdKKy
► Get JetEngine: out.crocoblock.com/3Bw6xhD
► Choose Crocoblock subscription: out.crocoblock.com/3VqMecn
📄 How to Build a Dynamic Popup for JetEngine Listings (Knowledge Base):
crocoblock.com/knowledge-base/jetpopup/jetpopup-how-to-build-a-dynamic-popup-to-work-with-jetengine-listings
📄 JetPopup: Using the Power of Dynamic Popup Features:
crocoblock.com/blog/jetpopup-using-power-of-dynamic-popup-features
📺 Extended version — Dynamic Popup with Visibility and Button Trigger:
youtube.com/watch?v=MalwXeKHIx0
► Full JetPopup Tutorials Playlist:
youtube.com/playlist?list=PL26jaHWVtLFy8tjx4qBOkY8M9vsjNVOvD
► Full JetEngine Tutorials Playlist:
youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
-------------
#JetPopup #JetEngine #Crocoblock #DynamicPopup #WordPress
Have questions about dynamic popup settings or trigger options? Drop them in the comments 👇
If this helped, like the video and subscribe for more WordPress tutorials.
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
