---
title: Open a Popup from a WordPress Nav Menu
description: "> ## Method #1: Select the Popup from the Trigger a Popup Dropdown ![file l6WA0oYX4l](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/58aa3752dd8c8e56bfa7d324/file-l6WA0oYX4l.jpg) 1. From the WP Admin Area, navigate to **Appearance** > **Menus** 2. **Add** or **Edit** a Menu Item 3. Select a popup from the dropdown menu…"
url: "https://wppopupmaker.com/docs/special-popups/open-a-popup-from-a-wordpress-nav-menu/"
updated: "2026-10-21"
category: Advanced / Special Popups
---

# Open a Popup from a WordPress Nav Menu

>

## Method #1: Select the Popup from the Trigger a Popup Dropdown

![file l6WA0oYX4l](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/58aa3752dd8c8e56bfa7d324/file-l6WA0oYX4l.jpg)

1. From the WP Admin Area, navigate to **Appearance** > **Menus**
2. **Add** or **Edit** a Menu Item
3. Select a popup from the dropdown menu under the **Trigger a Popup** Label. Only **Published** popups appear in the dropdown.
4. **Save** the menu and refresh your site. The menu item will now trigger the popup!

**Note 2:** If you have any problems doing this with a Mega Menu, please read [I Don’t See the Trigger a Popup Option in Appearance > Menus](https://wppopupmaker.com/docs/navigation-menu-editor/i-dont-see-the-trigger-a-popup-option-in-appearance-menus/).

## Method #2: Add a Custom Link to Your Menu

![file wwDHShg2Ju](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/58aa2d6edd8c8e56bfa7d2fa/file-wwDHShg2Ju.jpg)

1. From the WP Admin Area, navigate to **Appearance -> Menus**
2. Click on the Custom Links drop down.
3. Input your popup link in the URL field: '**#popmake-123**' where '123' is the ID number of your popup. The popup ID can be found in the WP Admin on the *'All Popups'* screen, *CSS Classes* (column). 
4. Set your preferred link text, and click **Add to Menu**. Save the menu and refresh your site.
5. Your menu item will now trigger a popup!

## Method #3: Add a Class to the Menu Item

![file](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/58e04733dd8c8e5c5731099d/file-JOsWxUQpB3.jpg)

1. From the WordPress Admin Area, navigate to **Appearance** > **Menus**
2. ![file JZGPMSZGD1](https://s3.amazonaws.com/helpscout.net/docs/assets/559c68b9e4b03e788eda1692/images/55e6ac1990336027d770775e/file-JZGPMSZGD1.png)
   Click on **Screen Options** in the upper right corner of the screen.
3. Check the box for **CSS Classes**. Close the **Screen Options** pane.
4. Click on your menu item. You will now see a field to add your own CSS classes at the bottom.
5. Add the correct `popmake-{integer}` class to your menu item as shown above.
6. From the WP Admin, open **Popup Maker** > **All Popups** > **CSS Classes**. Find the Popup Maker generated class in the **CSS Classes** column and enter it into the **CSS Classes** field on the **Menu** page.
7. **Save** the menu and refresh the site. On the front of the site, click the targeted menu item to display the popup.