Open a Popup from a WordPress Nav Menu

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

Note 1: This approach automates the process of setting a Click Open trigger using Method #1 in the article 'Trigger: Click Open'  (see the section labeled "Triggering a Popup from the Front End / Method #1).

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

Note 2: Sites that run a theme or plugin with 'Mega Menu' functionality may experience difficulty either setting or displaying a popup from a site navigation menu element. Please refer to our documentation on how to address this issue.

Method #2: Add a Custom Link to Your Menu

  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 on the 'All Popups' screen in the WP Admin.
  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

  1. From the WordPress Admin Area, navigate to Appearance -> Menus
  2. 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-###` class to your menu item as shown above.
  6. Find your popup's class on the 'All Popups' screen in the WP Admin.
  7. After saving the menu and refreshing your site, clicking the menu item will on your site will now trigger your popup to open!

Still need help? Contact Us Contact Us