> ## 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 Add On Click Popup on a Menu Item

It is possible to show a popup when any of the Menu items is clicked.

There are 2 possible ways to achieve the desired result.

### Option 1

* Create any popup type and set the On Click event from the **Events** section.


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

* Click on the **Appearance** from the WordPress Dashboard and select the **Menus**.
* Add the Menu item from the left side.
* Open the selected menu item from the right and choose the appropriate popup from the popup list by clicking on the **Select a Popup** option.
* Press the **Save Menu** to save the settings.


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


### Option 2


* Create the popup and from the **Events** section choose the **Set by CSS Class** event.


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

*  Open the **Appearance** from the WordPress Dashboard and click on the **Menus**. Right after, click on the **Screen Options** from the upper right side of the screen.


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

* Check the CSS Classes option.


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

* Select the Menu item from the right side and put the popup class into the **CSS Classes (optional)** section, right after **Save Menu**.

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

That's it.
Those were the steps to add the on click popup on a Menu item.