Can I Build My Own Template In Hubspot

Using a template lets you control the structure of dissimilar types of content on a weblog, folio, or email. You tin can create templates in the pattern director by dragging and dropping modules. Larn more about building templates in HubSpot in thisAcademy lesson.

Delight note: a Marketing Hub Professional orEnterprise subscription is required to build email templates. CMS Hub accounts can create emails using the elevate and drib electronic mail editor.

What is a HubSpot template?

HubSpot templates gear up the structure of the blogs, pages, and emails, and your users create in the content editor. You can build a templates by dragging and dropping content modules to create a layout. To create a template using HTML instead, learn more than about building a custom coded template.

The layout editor helps you convert an idea, sketch, or image into a responsive template for creating content.

Create a new template

In your HubSpot account, navigate to Marketing > Files and Templates > Blueprint Tools.
At the top of the finder, clickFile >New file

create-new-template

In the dialog box, click theWhat would you lot like to build today?dropdown carte and select Drag and driblet. And so clickNext.
Click thetemplate type dropdown menu and select a type . While virtually default modules are available for whatsoever template, some modules are limited to sure template types. You can select the following template types:
- Blog: templates for individual web log posts and blog listing pages.
- Email: templates for emails.
- Page: templates for your website and landing pages.
- System: templates forerror, password prompt, and electronic mailsubscription pages.
Enter a file name. When you're done, clickCreate.

Structure and customize your template

Y'all can add more thanmodulesto your template using the inspector on the right-hand side of the design manger. Click + Add in the inspector to search for modules toadd to your drag and drop template layout. Learn more than about editing your template's structure.

To customize the styling of your template, you lot tin employ the options in the inspector. If no specific modules are selected, yous can add styling to the head of the template itself. Click amodule or grouping to admission styling options specific to that component. Learn more about using the inspector to style your template.

Please note: it's non possible to attach CSS or Javascript files to an email template, but you tinadd together custom HTML markup, trunk classes, and inline styling to the template.

HubSpot Help article screenshot

Preview and publish your template

In the upper right, click Preview to see a preview of your template on a web browser .If y'all selectAlive preview with display options , you tin view your template as it appears on other devices.

One time you've finalized your template, click Publish changes in the upper right.

Once your new template is published, you can use information technology to create new pages or emails. A blog template tin can be applied to an existing blog in your blog settings.

Blueprint Director