> ## 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 via Beaver Builder

**Beaver Builder** is a drag and drop WordPress page builder plugin that gives you control over your content and layout.

Hence, there is a way to open the popup, once the element created with the Beaver Builder is clicked.

Please, follow the steps below to put the on click popup on a Beaver Builder built button.

| Note, that the provided steps are the same, if you put the on click popup on the other elements created with the Beaver Builder.

###  Required steps

* Create the popup you would like to see when the button is clicked and select the **On Click** event from the **Events** section.


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

* Go to the proper **Page/Post**, after then click on the **Beaver Builder** button to start the process.

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

* Choose the **Button** from the available elements.


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

* Switch to the **Advanced** section, scroll down to the **HTML Element** and insert the class of the popup into the appropriate section. Right after **Save** the changes.


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


That's it.
Now you know how to put the on click popup on a element created with the Beaver Builder.