Set up site navigation menus

Set up and use navigation menus to organize your website's pages and help visitors find important content. Create and manage menus in settings or directly from the global content editor, then use those menus across templates and pages.

Before you get started

Before working with navigation menus, review the following requirements and considerations.

Understand limitations & considerations

• Changes to a published menu will affect any pages or templates where the menu is used.

Create a menu

Create navigation menus from settings or directly in the global content editor. A menu can contain important pages from your site or have a hierarchy of pages using parent and child menu items. These menus can be selected in an advanced menu module in your templates in the design manager tool.

Create a menu in settings

1. In your HubSpot account, click the settings settings icon in the top navigation bar.
2. In the left sidebar menu, navigate to Content > Navigation menus. Your default menu has the pages that'll automatically populate the default content of an advanced menu module.
3. Click the navigation dropdown menu and then click + Add menu.

4. To create a copy of an existing advanced menu, click the More dropdown menu in the top right, then select Clone. 

Create a menu in the global content editor

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
   • Blog: In your HubSpot account, navigate to Content > Blog.
2. Click the name of a page or post or click Create in the top right. 
3. In the content editor, click the siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
4. In the global content editor, click the siteTreeIcon content icon and then click the module containing the navigation menu. 
5. In the sidebar editor, click Create new below the Menu field.
6. In the dialog box, continue to add menu items, pages, and child pages. Learn more about editing content in the global content editor. 
7. When finished, click Publish to [#] assets.

Add menu items

After creating a menu, add menu items to define the pages and links that appear in the navigation. Menu items support reordering and child menu items. 

Add menu items in settings

1. In your HubSpot account, click the settings settings icon in the top navigation bar.
2. In the left sidebar menu, navigate to Content > Navigation menus.
3. Click the navigation dropdown menu to select an existing menu to update.
4. At the bottom of the existing navigation menu, click the + Add menu item dropdown menu and select an option:
   • Add item without link: adds a menu item that doesn't link to an existing page. This is often used as a placeholder for child menu items.
   • Add page link: adds a menu item that links to a specific HubSpot page.
   • Add Page link with URL parameter: adds a menu item that links to a specific HubSpot page. With this option, you can type to enter the exact URL of the page you want.
   • Add URL link: adds a menu item that links to an external URL.
5. To reorder a menu item, click the dragHandleIcon drag handle icon next to the menu item, and drag it into a new position.
6. To have a menu item URL link open in a new window, hover over the right side of the menu item, click the Actions dropdown menu, and select the Open link in new window checkbox.
7. To add a child menu item, hover over the right side of the menu item, click the Actions dropdown menu, and select Add child item below. 
   • Enter a name for the menu item in the Menu item label field.
   • Click the Select a page dropdown menu to select a page for the link. To enter a URL manually, click Actions and select URL Link to change the child menu item type.
8. When finished, click Save in the top right.

Add menu items in the global content editor

1. Navigate to your content:
   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
   • Blog: In your HubSpot account, navigate to Content > Blog.
2. Click the name of a page or post or click Create in the top right. 
3. In the content editor, click the siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
4. In the global content editor, click the siteTreeIcon content icon and then click the module containing the navigation menu. In the sidebar editor, click Edit.
5. In the dialog box, at the bottom of the existing navigation menu, click the + Add menu item dropdown menu and select an option:
   • Add item without link: adds a menu item that doesn't link to an existing page. This is often used as a placeholder for child menu items.
   • Add page link: adds a menu item that links to a specific HubSpot page.
   • Add Page link with URL parameter: adds a menu item that links to a specific HubSpot page. With this option, you can type to enter the exact URL of the page you want.
   • Add URL link: adds a menu item that links to an external URL.

Please note: when adding a URL link, you must enter the full URL including the http or https protocol.

6. To reorder a menu item, click the dragHandleIcon drag handle icon next to the menu item, and drag it into a new position.
7. To have a menu item URL link open in a new window, hover over the right side of the menu item, click the Actions dropdown menu, and select the Open link in new window checkbox.
8. To add a child menu item, hover over the right side of the menu item, click the Actions dropdown menu, and select Add child item below. 

6. • Enter a name for the menu item in the Menu item label field.
   • Click the Select a page dropdown menu to select a page for the link. To enter a URL manually, click Actions and select URL Link to change the child menu item type.
   • When finished, click Save.

9. To take your changes live, click Publish to [#] assets in the top right.

Create a secondary menu

Create a secondary menu to provide more navigation options for visitors. Secondary menus can be used on a specific page or on your page footer.

Create a secondary menu in settings

1. In your HubSpot account, click the settings settings icon in the top navigation bar.
2. In the left sidebar menu, navigate to Content > Navigation menus.
3. Click the navigation dropdown menu and then click + Add new.
4. Enter a name for the navigation menu.
5. Then complete the steps to add menu items.

Create a secondary menu in the global content editor

1. Navigate to your content:

   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
   • Blog: In your HubSpot account, navigate to Content > Blog.
2. Click the name of a page or post or click Create in the top right. 
3. In the content editor, click the siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
4. In the global content editor, click the siteTreeIcon content icon and then click the module containing the navigation menu. In the sidebar editor, click Create new.
5. Then complete the steps to add menu items.

View and restore menu revisions

Use the revision history to review and restore previous versions of a navigation menu. Each version includes a date, timestamp, and which user created the revision. 

View revisions in settings

1. In your HubSpot account, click the settings settings icon in the top navigation bar.
2. In the left sidebar menu, navigate to Content > Navigation menus. 
3. Click the navigation dropdown menu to select an existing menu to update.
4. Click the More dropdown menu and select Show revisions.
5. In the dialog box, in the left column, click on a timestamp to review the menu's content from that date and time. 
6. To restore a previously published version of your menu, click Choose on the bottom left.
7. When finished, click Save.

View revisions in the global content editor

1. Navigate to your content:
   • Website Pages: In your HubSpot account, navigate to Content > Website Pages.
   • Landing Pages: In your HubSpot account, navigate to Content > Landing Pages.
   • Blog: In your HubSpot account, navigate to Content > Blog.
2. Click the name of an existing page or post. 
3. In the content editor, click the siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
4. In the global content editor, click the siteTreeIcon content icon and then click the module containing the navigation menu. In the sidebar editor, click Edit.
5. In the dialog box, click the More dropdown menu and select Show revisions on the bottom left. You'll be directed to the navigation menu settings.
6. In the dialog box, in the left column, click on a timestamp to review the menu's content from that date and time. 
7. To restore a previously published version of your menu, click Choose on the bottom left.
8. When finished, click Save.