How to set up Global Header?

Changes made to global header will be applied to all content using a template that contains the same global content.

Global Header

How to adjust the global header?

Your navigation menus will include the most important pages that your website visitors will want to access quickly or frequently while browsing your site.

In the header settings, you can select which header to use on your website or landing pages.

Please note: Landing pages do not have a navigation menu. Several studies reveal that removing links from landing pages increases conversion rates.

Website pages

  • Hero Section 1: Navigation Without Dropdown

  • Hero Section 2: Navigation With Dropdown

  • Hero Section 3: Navigation Without Dropdown

Landing Pages

  • Hero Section 1: No Navigation Landing Page

  • Hero Section 2: No Navigation Landing Page

  • Hero Section 3: No Navigation Landing Page

How to customize the global header?

  • Navigate to your content:
    • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
    • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
    • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
  • Hover over your content, then click Edit.

  • In the content editor, click the global content. It will be labeled with a global content icon. 
  • In the dialog box, click Open in global content editor

  • To preview the global content in specific content, click the View on dropdown menu at the top of the page and select a page or post where the global content is hosted. To view the global content by itself, select Group only instead.
  • In the left sidebar under the Content tab, you can customize the logo, menu and sub-menus, menu buttons, etc.

  • In the left sidebar under the Styles tab, you can customize fonts, backgrounds, buttons, etc.

  • When you're done editing global content, click Publish to [X] assets in the upper right. These changes will be applied to all pages and blog posts using a template that includes this global content.

Video Explainer