Articles on: Extras/Advanced

How to Open a Popup from another Popup

It is possible to add another popup in your popup.

This way, you should have a clickable element (button, text, etc.) upon clicking which, the other popup would open.

Please, check the required steps with the Classic Editor



Go to your WordPress Dashboard, click on the Popup Builder and from the popups list choose the appropriate popup.

Note, that the chosen popup needs to have the WordPress default HTML editor possibility.

From the Visual tab click on the Insert popup button.




Select the appropriate popup from the list and press Insert.



Switch to the Text tab and put the clickable element into the code (for example, we inserted a text)




Publish the popup and check the results.

Note, that you need to choose the Set by CSS Class event for the popup, which is going to open, when the clickable element inside the other popup is clicked.



Now, let's check the required steps with the Gutenberg Editor.



Go to your WordPress Dashboard, click on the Popup Builder and from the popups list choose the appropriate popup.

Click on the + sign next to the block and press Popup Builder.




Select the popup and popup event from the available list.




Note, that it is required to choose the On Click event from the list

Put the desired clickable element (for example, we have added a text) inside the popup and Publish it.



And the result.




After pressing the Click me button, the second popup will open.

That's it.
Now you know how to open a popup from another popup via the clickable element.

Updated on: 24/05/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!