Turn More Visitors Into
Customers—Now For Less

  1. 1Instant savings.
  2. 2Easy setup.
  3. 3Real impact.

View Special Pricing Offer

View Categories

Open a Popup from a WordPress Nav Menu

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

File L6Wa0Oyx4L

  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.

File Wwdhshg2Ju

  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

  1. From the WordPress Admin Area, navigate to Appearance > Menus
  2. File Jzgpmszgd1
    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. 

Leave the first comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.