Open a box by clicking on a menu item

To trigger your Engage Box when a user click on a menu item you only need the specific menu item's class.

How to find the menu item's class

Find the menu ID

  • Go to Menus → All Menu Items
  • Write down the ID at the far right of the menu item you're interested in like in the picture above
  • The menu item's class is .item-ID where ID is the number you wrote down previously

How to configure your Engage Box

set onclick event and menu class

  • Go to Components → EngageBox
  • Click New → Blank Popup
  • Write your message in the editor on the Content tab
  • Write a title in the Title field
  • On the Behavior tab, select the Click tile under Trigger
  • Type in the Trigger Element field the menu item's class you found previously
  • Save your box!

Note

The method shown above on how to find the menu class is possible only when the template hasn't overriden Joomla's default configuration.
In that case take a look below on how to find the menu class with Google Chrome.

how to find the menu class id with chrome inspector in joomla

Last updated on Oct 15th 2026 15:10