Become a HubSpot power user — join us for HubSpot Training Day 2017.

How to use global content across multiple templates

Last updated: May 17, 2017

Available For:

Product: HubSpot Marketing
Subscription: Basic, Professional, & Enterprise

Sometimes when you are designing a site, there will be sections of the page that you will want to keep reusing across your entire site. HubSpot gives designers and marketers the ability to create global content that can be reused across any template. 

Global content can be composed of either a group of content modules or a single content module that makes up an essential element of your website pages. This is content that you want to create once and then add across various locations on your site.

When edited, changes to a global module or group will propagate across every website page that uses the global content in its template.

Instructions

Follow these instructions to create global module or a global group.

Navigate to Design Manager

Launch Design Manager by navigating to Content > Design Manager. Open the template layout that you want to edit.
HubSpot Help article screenshot

Set up your content

After choosing or creating a template layout, you can customize any module by clicking the gear icon and choosing Edit Options. This link will give you the ability to customize the default content and availble options of a particular module type.

Edit-Options.png
When setting up global groups you can edit the options of multiple modules and then group them. Click the Group.. button, select the modules that you would like to group, and click Create Group.
Group-Modules.gif

Make global

After editing the options of any module, you can make that module global by clicking on the gear icon next to a module and then clicking on the option to Make Module Global.
Make-Module-Global.png

For global groups, you click the gear on the group and select Make Global Group. Confirm that you would like to make the group global and then name and save your global group.

group_global.gif

Add global module or group to template

r

Examples

Here are some examples of common global groups:
  • Mastheads - A masthead or site header usually consists of your logo, brand slogan, company contact information, menu, and other info such as social "follow me" icons. They are typically used across the majority of your pages, with the exception of Landing Pages (where you may have a variation without the menu). Creating a masthead as a group of modules and making it global helps you unify the top of all your pages.  
  • Footers - A footer usually contains helpful navigation links, share icons, copyright info, and/or privacy information for your site. Creating a footer as a group of modules and making it global helps you unify the top of all your pages.
  • Sidebars -Some sidebar content such as a call to action section might benefit from being placed in a global module so that you can swap out the offer easily across all pages.
  • Embeddable widgets - if you create HTML modules with embed code for videos, Twitter feeds, Google maps, music players, or other embeddable objects, you may want to use them across multiple pages.
Read more

Once you have made a module or group global, you can add it to other templates. 

To add a global module or a global group to a template, click Add row and drag the module to the desired area of the template layout.

Next click the gear icon on that module and choose Swap Module. Locate the global module or group in the list of modules . You can use the search bar or filter to only see global modules and groups. 

Add-Global-Module.gif

Manage global content

b

Advanced info

Global modules and global groups can also be added to coded templates. This global content needs to be created as part of a template layout, but then can be included in a coded file.

The HubL markup for a global module can be found here, while the process for including global groups is outlined here

Read more

In addition to editing global content in Design Manager, you can use the Global Content app to manage your global content. To access the Global Content app, navigate to Content Settings > Global Content.

This will take you directly into the Global Modules that live in your Design Manager. From here, you can click New to begin creating new modules and groups to use globally.

Global modules can be converted back to a local version on any template. Global groups can be cloned and added to a different template, but not converted to a local version.

Was this article helpful?

Previous article:

Next article: