Last updated: October 19, 2020
A theme is a set of templates, modules, global content, and style settings that anyone can use to create an entire website. Themes are coded files created by developers using the CMS developer documentation. CMS Hub accounts include default HubSpot themes that you can customize for any business. There are also themes available on the Asset Marketplace.
A theme is a set of files for your website, including:
The easiest way to preview a theme's design is to create a new page. In the content creator, you can choose from two types of themes:
Each theme includes its own set of modules that follow your theme settings for their fonts, colors, and styles. These modules are grouped into horizontal rows and vertical columns. These rows or columns may be grouped into sections. You can move and rearrange these elements to customize the structure of your page layout.
Learn more about how to edit content in a page using a theme template.
If you're also hosting your blog content on HubSpot, consider updating your blog template to the same theme as your website for visual consistency. Learn how to apply a theme to your blog in your blog settings.
To make sure your website follows best practices for visual design, themes have consistent colors, fonts, and styles applied to buttons, forms, and modules on your templates.
You can access your theme settings within the page editor by clicking the Design tab on the left panel. Styles edited here get applied to all pages and theme modules included in this theme. Learn more about managing theme settings.
Your developer and IT team can leverage security and performance features for websites created in CMS Hub. Developers can monitor website performance quickly and easily with code alerts. There's also a log of all changes made to your website content that can be accessed with the content audit API endpoint. Learn more about website development in the CMS and CMS APIs for developers.
In addition to building themes through the HubSpot CLI, you can also clone and edit existing themes in the HubSpot design manager. To clone a theme:
With the theme cloned, you can edit it as you would any other coded file, and users will be able to build landing pages and website pages from the theme.
You can copy a theme folder from one account to another. To copy a theme folder to account, you must be a user in that account and have Design tools permissions in both accounts.
Please note: theme folders in the @hubspot or @marketplace directories cannot be copied between accounts.
To copy a theme to an account:
After the copy finishes processing, the theme folder will appear in the specified account.
You can integrate your HubSpot website and blog content with Google Analytics by adding your Google Analytics...
With personalization tokens, you can show personalized content to your contacts based on their property...
You can add HubSpot Video to your content on your pages, blog posts, and knowledge base articles in a rich...