Set up site navigation menus

When building your website, you'll spend time organizing the information architecture of your content. Your navigation menus will include the most important pages that your website visitors will want to access quickly or frequently while browsing your site. After you've organized your website and menus, you can customize your sitemap in HubSpot.

Create a new menu 

A menu can contain a few 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.

• To create a new 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 contains the pages that'll automatically populate the default content of an advanced menu module.
  3. Use the dropdown menu to select an existing menu to update. To create a new menu, click + Add menu.
  4. To create a copy of an existing advanced menu, click the More dropdown menu in the upper right, then select Clone. 

• To create a new 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. On the content index page, click the name of the existing content or click Create to create new content. 
  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. 

Add menu items

You can add menu items to a navigation menu in the settings or within the global content editor.

• To 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.
• To 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. On the content index page, click the name of the existing content or click Create to create new content. 
  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.

• In settings or in the global content editor:
  1. Hover above or below an existing menu item, then click the + icon and select an item to add to the navigation:
     • Add item without link : adds another item to your menu 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.

• 2. Enter a name for the menu item in the Menu item label field.
  3. If you selected Add page link, Add page link with URL parameter, or Add URL link, select a HubSpot page or enter a URL for this menu item. 

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

• 4. To have a menu item 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.

1. 5. To reorder the menu items, click on the left side of the menu item label and drag it into a new position.

Add child menu items

Child menu items appear in a dropdown menu or fly-out submenu. If you're comfortable writing and editing CSS, you can add custom styles to your menu.

1. Hover over the top-level menu item, click Actions, and select Add child item below.
2. Enter a name for the menu item in the Menu item label field.
3. 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.
4. To finalize the changes you've made to your menu, click Save. This menu will now be available to add to an advanced menu module.

Create a secondary menu

You can create multiple menus for your site. A secondary menu could be used on a specific page, or to provide additional navigation on your page footer.

1. In settings click + Add menu or in the global content editor, click Create new.
2. Enter a name for your new menu.
3. Then complete the steps to add menu items.

View revisions to a menu

You can view and restore previously published versions of your menu in the revisions history. Each version includes a date, timestamp, and which user created the revision. 

• To view a menu's revision history 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. Use the dropdown menu at the top to select the menu you want to review.
  4. Click the More dropdown menu and select Show revisions to open a preview of all previously published versions of this menu.
  5. In the left panel, 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.
  7. After choosing the menu revision you want, click Save to update this menu on your site.
• To view a menu's revision history 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. On the content index page, click the name of the existing content or click Create to create new content. 
  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.