Croco Black Friday 2024 banner element
Copy discount code:
bfcroco2024
Days
Hours
Minutes
Croco Black Friday 2024 banner element
Help Center
How to Create Dynamic Popup with Options Page from JetEngine

How to Create Dynamic Popup with Options Page from JetEngine

This tutorial explains how to build and customize a dynamic popup using JetPopup and JetEngine functionality.

Creating an Options Page

Setting an options page

First of all, you need to create the options page with particular meta fields in the JetEngine > Options Pages section in the WordPress Dashboard. Learn how to do that from the detailed tutorial.

create an options page

Filling the options page with the content

Now you can see the created options page on the WordPress panel. Open it and fill in the fields with corresponding content.

fill in the options page

Building a Dynamic Popup

Creating a popup

Let’s create a popup. Open the JetPopup section in the WP Dashboard and build a custom popup or choose one of the popup templates presented in the JetPopup presets library.

Customizing the popup in Elementor

Proceed to customize the popup in Elementor editor. You can use any of the dynamic widgets for showcasing the content from the meta fields of the options page.
In the widget’s content settings specify the Source: Options and select the certain custom field in the Option line below. Moreover, you can style the widget’s appearance in the Style block.

dynamic field widget
Things to know

In case you want to display the numerical content from the Date meta field, you should enable the Filter field output option and select the Callback: Format date in the Content settings block.

filter field output

Setting the popup’s general settings

Also, you need to set general settings of the popup and where it will be shown in the JetPopup Settings block.

jetpopup settings

The popup in action on the frontend

After that, save the changes and view the popup in action on the front end.

Now you know how to create a catchy and handy popup with dynamic options just in a few minutes using JetEngine functionality.

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.