> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.popup-builder.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.


![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot19_1hdb1qa.png)

* Select the appropriate popup from the list and press **Insert**.

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot20_1ejorw3.png)

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


![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot22_1doegnm.png)

* **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.

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot23_1nhwhae.png)

### 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**.


![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot24_ox0i3i.png)

* Select the popup and popup event from the available list.


![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot25_87v99x.png)

|| 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.

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot26_11ssx2z.png)

**And the result.**


![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/screenshot28_77ws8w.png)

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.