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

**Elementor** is the website building platform for WordPress, which helps you to create pages and posts using the visual editor.

Using Popup Builder it is possible to open the on click popup, when any of the elements created with the Elementor is clicked.

In the article we will show you how to open the on on click popup on the Elementor built button, but the logic is the same for other elements as well.

### Required steps

*  Create the popup and set the **On Click** event for it from the **Events** section.

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

* Open the Elementor built page and choose the **Button** element to insert over there.


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

* From the Button editing section switch to the **Advanced** tab and put the popup class into the **CSS Classes** section. After, press **Update** to save the changes.



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

That's it.

Those were the steps to open on click popup via Elementor.




