We have added an incredible option for our users who have coding skills to be able to custom your desired behavior with the popups.

You may add your custom codes to trigger specific actions related to the popup showing. Code your own popup with additional options and functionality.

In the opening and closing process there are 3 scenarios that can happen with the popup:
Before opening #1
During #2
After it has already opened #3

We give you an opportunity to add your custom code during those events in a way that can meet your needs.

In this article you will see how it can be done.

Please go to your "WordPress" Dashboard, find "Popup Builder" plugin and press on it.

After, please press on "Add New" button, then press on a popup icon that you wish to create.

Then you will see the Custom JS and CSS option.

In the special boxes in the JS window, you can add/write your custom code.

Note: In the Before opening #1 box, you can define any action that you wish to be done by using return true; (this will allow the popup to be opened)
return false; (this won't allow the popup to be opened) codes.


Then you can write the CSS script for the styling of your popup.


You can also check this gif to visualize the process:

Was this article helpful?
Thank you!