How to create page, email, and blog templates with Template Builder

Last updated: June 13, 2016

Available For:

Product: HubSpot Marketing
Subscription: Basic, Professional, & Enterprise
HubSpot's Template Builder lets you drag and drop editable areas (known as "modules") to create templates that serve as the foundation for your pages, emails, and blogs. While you can code HTML templates from scratch, using Template Builder will save you time and provide content creators with much greater flexibility when structuring their content.
If the HubSpot Technical Services team has set up your templates for you, you will already have custom templates set up to accommodate the design requirements of your site. Depending on the amount of customization that was required, you will generally want to use the templates created for you or clone them, rather than creating new layouts from scratch. To learn about editing the template, skip to the next article.

What is a HubSpot template?

HubSpot template are essentially model pages and emails that will serve as the foundation for the content that you create. Templates are built by arranging a variety of content modules in a drag and drop interface. For a full explanation of every type of standard HubSpot module, check out this article.

Template Builder helps you convert an idea, sketch, or prototype into a responsive template for creating content.

Mockups to layout

Instructions:

Follow these instruction to create a new page, email, or blog template.

Navigate to Design Manager

The quickest way to open your Design Manager is by navigating there from the Content tab (Content > Design Manager).

Navigate to Design Manager

Create a new template

To create a new template, click New template.

If you are already working on a template or coded file, you will want to click +Tab new tab.

Create new template

Choose type of template

Choose template type

Next you will be asked whether you want to create a template, coded file, or custom module. Select Template Builder.

You will also choose what type of template you would like to create. While most modules can be added to any template, each type of template has special modules only available to that template type. Template Builder allows you to create:

  • Page templates - structured templates that will act as the foundation for your site and landing pages.
  • Email templates - structured templates that will act as the foundation for your email. These templates include some email specific module options.
  • Blog templates - structured templates that will act as the foundation for both your individual blog post and blog listing pages.
  • System templates - structured templates for error, subscription, and password protected pages. You will learn more about System templates in a later section of this guide.

In this example, we will choose Page, but you can choose whichever type of template you would like to build.

Press Create to choose where you would like to save your template or file.

Name and save the template

Choose the directory that you would like to save your template in.  Click Save.

You can also create new folders by clicking the New folder button. Keeping your templates organized into folders will make it easier to find the template you are looking for when creating new content.

New folder

Structure and customize your template

In the next article in this guide, you will learn more about structuring and customizing your template layout. But once you have created and modified the layout, click Publish Changes to make your template available for content creation.
HubSpot Help article screenshot

Create a page, email, or blog post

Once a template is published, you can create pages, blog posts, or emails, based on that page.

Was this article helpful?

Previous article:

Next article: