The HubSpot Content Hub drag-and-drop editor is the main tool used to create and edit pages within HubSpot. It allows users to build website pages visually by arranging sections, modules, and content elements without writing code.
This editor is designed to make website management easier for marketing teams while still allowing developers to maintain control over the design structure.
Understanding how the HubSpot Content Hub drag-and-drop editor works will help you create pages faster and keep your website organized.
The HubSpot Content Hub drag-and-drop editor is a visual page builder where you can edit content directly on the page.
Instead of editing code, you can simply:
This approach makes it possible for non-developers to manage website content easily.
When you open a page in HubSpot Content Hub, the drag-and-drop editor shows the page layout based on the selected template.
The page typically consists of:
Editors can modify these elements directly in the interface.
Modules are the content elements that appear within sections.
To add a module in the HubSpot Content Hub editor, you simply drag it from the module panel into the page layout.
Common modules include:
Once a module is added, its content can be edited from the settings panel.
Another key feature of the drag-and-drop editor is the ability to rearrange page content.
Users can easily:
This flexibility allows editors to experiment with page layouts while still maintaining the design structure defined by templates.
Before publishing changes, HubSpot allows users to preview pages.
The preview feature lets you check:
This helps ensure the page layout looks correct across different devices.
Once editing is complete, pages can be published directly from the editor.
HubSpot automatically handles:
This means the updated page becomes live without needing any additional deployment steps.
The HubSpot Content Hub drag-and-drop editor makes website editing accessible for both developers and marketers.
Developers can create templates and modules, while editors can update page content visually without needing technical expertise.
This balance helps teams manage websites efficiently while maintaining consistent design standards.