HomePopup Template

Popup Template

Profecient has an Popup Template feature which will give you the capability to show a popup in pages.

Before we begin, please make sure that you have the Jeg Elementor Kit plugin installed.

If it is not installed yet, you can simply install from a WordPress plugin named Jeg Elementor Kit as the keyword, or simply download the plugin directly at this link, and upload it to your WordPress site.

Popup Template Dashboard

To begin configuring the Popup template, in WP-Admin please go to WordPress Jeg Elementor Kit → Popup. Then you will be presented with the Popup template interface as shown in the image below.

 

Create New Popup

To start creating an popup template, you can click on the Add New Template button and you will be greeted by the Create Popup Template interface where you can name and set up the condition for the current popup template.

Once you are satisfied with the popup template configuration, you can finalize your popup template by clicking on the Create button.

 

Setup Condition

You can create some conditions where your popup template will be shown, or leave it empty to show it everywhere.

The popup template conditions are evaluated by the AND logic. Since you can create multiple conditions, this means the template would only be rendered if all the conditions are satisfied, otherwise looped to the next popup template.

Once you are satisfied with the popup configuration, you can finalize your popup template by clicking on the Create button.

You can create a new condition by clicking the Add Condition button.

 

Manage Popup Template

You can add multiple popup templates. Upon visiting the site, the popup templates will be looped from the highest priority (top) to the lowest priority (bottom).

The popup template of the next priority will only be looped if the conditions of the previous popup templates are not satisfied.

If the current popup loop conditions are satisfied, that popup template would be rendered on the site otherwise, it will loop to the next popup template.

 

Based on the image above, you can see some important parts of the Popup template dashboard such as:

 

  • Active Template
    This is the area of the active popup templates.
  • Template name
    The template name column is where you can see the name on each popup template.
  • Priority
    The priority column is where you can see the popup template priority which will be looped in order upon site rendering.
  • Edit
    The edit column is where you can edit the popup template by clicking the pencil icon with Elementor.
  • Clone
    The clone column is where you can duplicate the popup template by clicking the clone icon.
  • Delete
    The delete column is where you can remove the popup template by clicking the trash icon.
  • Inactive Template
    This is the area of the disabled popup templates. If you want to disable certain popup templates without removing them you can simply drag the template from the Active Template area to the Inactive Template area and vice versa.