Custom modules are one of the most powerful features available in HubSpot Content Hub. They allow developers to create reusable content components that editors can easily add to pages using the drag-and-drop editor.
Instead of rebuilding the same content sections repeatedly, custom modules allow teams to standardize complex design elements while still giving editors control over the content.
Understanding how HubSpot Content Hub custom modules work helps developers build scalable websites and makes it easier for marketing teams to manage content.
A custom module is a reusable content component created by developers.
It allows editors to add structured content blocks to pages without needing to edit code.
Examples of custom modules include:
Once created, these modules appear in the page editor where they can be dragged into page layouts.
Custom modules help simplify website management by standardizing design elements.
They help teams:
For example, instead of manually formatting a testimonial section each time, a custom module can provide predefined fields for the quote, name, and photo.
Developers create custom modules using the HubSpot Design Manager.
To create a module:
Once saved, the module becomes available in the page editor.
Custom modules can include many types of editable fields.
Common field types include:
These fields allow editors to customize content while keeping the design consistent.
Once created, custom modules can be used in different ways within HubSpot Content Hub.
They can be added to:
Editors simply drag the module into the page and fill in the required content fields.
If a developer updates the design or functionality of a custom module, those updates can automatically apply wherever the module is used.
This makes it easier to maintain consistent design across large websites.
For example, updating the styling of a CTA module can update that section across multiple pages.
HubSpot Content Hub custom modules allow developers to build flexible, reusable content components that simplify website management. By combining structured fields with reusable layouts, custom modules help teams maintain design consistency while still allowing editors to update content easily.