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

**Divi** theme is one of the easiest and convenient ways to create a page on the **WordPress** platform.

It is possible to open the popup, once an element created with the Divi builder is clicked.

In the article we will show you the steps for inserting the on click popup on a button created with  Divi, but the logic is the same for the other elements as well.

### Required steps

* Create any popup type 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 appropriate page with the Divi builder and from the button settings switch to the **Advanced** tab, then press the **CSS ID and Classes** option.


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

* Insert the popup class into the **CSS Class** option and **Save the Changes**.


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

That's it.

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