When working with HubSpot Content Hub, three concepts appear again and again: pages, templates, and modules. Understanding how these pieces work together is essential for building and managing websites on the platform.
Think of them as layers that make up your website. Each layer has a different role in how your pages are structured and edited.
A page is the final webpage that visitors access through your website.
Examples of pages include:
Each page contains the content your visitors read and interact with.
When creating a new page in HubSpot Content Hub, you typically edit it using the drag-and-drop page editor, where you can add sections, modules, and content.
A template defines how a page is structured.
It determines things like:
When you create a new page in HubSpot Content Hub, you usually choose a template first. The template provides the framework for the page so that content stays organized and consistent.
Templates are typically created by developers inside HubSpot’s Design Manager.
Modules are the individual content elements placed inside a page.
Common modules include:
Modules make it easy to update specific parts of a page without affecting the overall layout.
HubSpot provides many default modules, and developers can create custom modules to add additional functionality.
To understand the relationship between these elements, it helps to think of them in a simple hierarchy.
For example:
This separation allows developers to control design while marketers focus on content.
The separation between pages, templates, and modules helps maintain consistency across your website.
Benefits include:
This structure is one of the reasons HubSpot Content Hub works well for teams with both developers and marketing staff.
Pages, templates, and modules are the core components that power every HubSpot Content Hub website.
Once you understand how these three pieces fit together, it becomes much easier to build, edit, and manage content within the platform.