PUQ Mautic Skip to main content

Primary Navbar

Menu Manager addon WHMCS

Order now | Download | FAQ

Overview

The Primary Navbar page is the main menu editor. It provides a visual drag-and-drop interface for building and managing the WHMCS client area navigation bar.

Primary Navbar editor with menu structure and item editor Primary Navbar editor — drag-and-drop menu structure on the left, item editor on the right


Action Buttons

At the top of the page, three action buttons are available:

Button Description
Save Changes Saves the current menu structure to the database and applies it to the client area
Load Preset Opens a dropdown with 5 ready-to-use menu presets
Set Default Resets the menu to the original WHMCS default Primary Navbar

Load Preset dropdown menu Load Preset dropdown — choose from Standard, Business Pro, Hosting Provider, Full Mega, or Minimal Clean


Menu Structure

The left panel shows the current menu tree. Items can be:

  • Dragged and dropped to reorder or change nesting level
  • Nested up to 3 levels deep (parent > child > grandchild)
  • Expanded/collapsed using the +/- buttons
  • Moved up and down using the arrow buttons
  • Edited by clicking the edit (pencil) button
  • Deleted by clicking the delete (trash) button

Menu structure with expanded nested items Menu Structure — example with Products, Resources, Support, Promotions, and My Account items with nested children


Item Editor

The right panel contains the form for adding and editing menu items.

Item Editor form with all fields Item Editor — configure menu name, link, target, display rule, divider, and mega menu settings

Fields

Field Description
Menu Name The display text for the menu item. Must be unique. Includes an icon picker button for selecting a Font Awesome 5 icon.
Menu Link The URL for the menu item. Use relative paths for internal pages (e.g., cart.php) or full URLs with https:// for external links.
Open in new tab? Whether the link opens in a new browser tab (_blank) or the same tab (_self).
Display Rule Controls when the menu item is visible: Always (all visitors), Existing Client (logged-in clients only), or Guest Client (guests only).
Nav divider Adds a horizontal dividing line before this item in dropdown menus.
Mega menu Enables mega menu mode — displays a wide dropdown panel with custom HTML content instead of a standard dropdown.
Mega menu text The HTML content for the mega menu panel. Supports any valid HTML including columns, images, links, and styled content.

Buttons

Button Description
Update Updates the currently selected menu item with the form values (enabled only when an item is selected for editing)
Add Adds a new menu item using the current form values

Multi-Language Labels

Click the Show all languages button below the Menu Name field to expand the translations panel. You can enter a translated menu name for each of the 27 supported languages.

Multi-language labels panel with 27 language fields Multi-language labels — enter translated menu names for Arabic, Azerbaijani, Catalan, Chinese, Croatian, Czech, Danish, Dutch, Estonian, Farsi, French, German, Hebrew, Hungarian, Italian, Macedonian, Norwegian, Polish, Portuguese-BR, Portuguese, Romanian, Russian, Spanish, Swedish, Turkish, and Ukrainian

When a client visits the client area with a specific language selected, the matching translated label is displayed instead of the default Menu Name.


Mega Menu Templates

Below the Mega menu text field, 5 quick templates are available:

Template Description
Columns with Icons Multi-column layout with Font Awesome icons and grouped links
Feature Cards Card-based layout for highlighting features or services
Services Grid Grid layout for displaying service categories
Contact & Info Contact information panel with phone, email, and quick action buttons
Promo Banner Promotional banner with call-to-action

Click any template button to insert its HTML into the Mega menu text field. You can then customize the content as needed.


Menu Presets

The Load Preset dropdown provides 5 ready-to-use menu configurations:

Preset Description
Standard Default WHMCS menu structure with Products, Resources, Support, Promotions, and My Account
Business Pro Professional business-oriented menu with enhanced navigation
Hosting Provider Optimized for web hosting companies with hosting-specific menu items
Full Mega Menu with mega menu panels enabled for rich dropdown content
Minimal Clean Simplified, minimalist menu with essential items only

Note: Loading a preset replaces the current menu structure. A confirmation dialog is shown before applying. After loading a preset, the page reloads to reflect the changes.