Pages, Templates, and Modules in HubSpot Content Hub Explained

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.

Pages: The Actual Content Visitors See

A page is the final webpage that visitors access through your website.

Examples of pages include:

• Homepages
• About pages
• Product pages
• Blog posts
• Landing pages

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.

Templates: The Structure of a Page

A template defines how a page is structured.

It determines things like:

• Where the header appears
• Where the main content area sits
• Where the footer goes
• What sections exist on the page

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: The Building Blocks of Content

Modules are the individual content elements placed inside a page.

Common modules include:

• Text blocks
• Images
• Buttons
• Forms
• Videos
• Call-to-action components

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.

How These Three Work Together

To understand the relationship between these elements, it helps to think of them in a simple hierarchy.

• Templates define the structure
• Pages use those templates
• Modules add the content inside the page

For example:

• A developer creates a landing page template
• A marketer creates a new landing page using that template
• The marketer fills the page with modules such as text, images, and forms

This separation allows developers to control design while marketers focus on content.

Why This Structure Is Useful

The separation between pages, templates, and modules helps maintain consistency across your website.

Benefits include:

• Pages follow consistent layouts
• Editors can update content safely
• Developers can control design standards
• Reusable modules save time when creating new pages

This structure is one of the reasons HubSpot Content Hub works well for teams with both developers and marketing staff.

Final Thoughts

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.