How Do HubSpot Content Hub Custom HTML Modules Work?

Sometimes website editors need more flexibility than standard content modules provide. HubSpot Content Hub includes custom HTML modules, which allow users to add custom HTML code directly into a page.

These modules are useful when embedding external tools, adding custom layouts, or inserting third-party scripts into specific areas of a page.

Understanding how HubSpot Content Hub custom HTML modules work helps teams add advanced functionality while still using the drag-and-drop page editor.

What Is a Custom HTML Module?

A custom HTML module allows users to insert raw HTML code into a page.

This module gives editors the ability to include custom elements such as:

• Embedded widgets
• Third-party forms
• Custom layout elements
• Tracking snippets
• Interactive components

Unlike standard modules, HTML modules give more direct control over the content structure.

Where Custom HTML Modules Are Used

Custom HTML modules can be used in several areas within HubSpot Content Hub, including:

• Website pages
• Landing pages
• Blog templates
• Custom modules

They are typically inserted into pages through the drag-and-drop editor.

Adding a Custom HTML Module

To add a custom HTML module:

1. Open the page in the HubSpot page editor
2. Locate the HTML module in the module library
3. Drag the module into the page layout
4. Add the HTML code inside the module

Once saved, the HTML content will render on the page.

Key Takeaway

HubSpot Content Hub custom HTML modules allow users to insert raw HTML code into pages for added flexibility. These modules are especially useful for embedding third-party tools and custom widgets while still working within the HubSpot page editor.