How To Edit Your Blog Template In Hubspot

Using a template lets you control the structure of different types of content on a blog, page, or electronic mail. You can create templates in the design managing director by dragging and dropping modules. Learn more virtually building templates in HubSpot in thisUniversity lesson.

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

What is a HubSpot template?

HubSpot templates set the structure of the blogs, pages, and emails, and your users create in the content editor. You can build a templates past dragging and dropping content modules to create a layout. To create a template using HTML instead, larn more about edifice a custom coded template.

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

Create a new template

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

create-new-template

In the dialog box, click theWhat would you lot similar to build today?dropdown menu and select Drag and drop. Then clickNext.
Click thetemplate type dropdown carte du jour and select a type . While most default modules are bachelor for whatever template, some modules are limited to sure template types. You lot tin can select the following template types:
- Web log: templates for individual web log posts and blog list pages.
- Email: templates for emails.
- Page: templates for your website and landing pages.
- System: templates forerror, countersign prompt, and electronic mailsubscription pages.
Enter a file proper name. When you're done, clickCreate.

Structure and customize your template

Yous can add together moremodulesto your template using the inspector on the right-mitt side of the design manger. Click + Add in the inspector to search for modules toadd together to your drag and driblet template layout. Learn more than about editing your template'southward structure.

To customize the styling of your template, you tin can utilize the options in the inspector. If no specific modules are selected, you can add styling to the head of the template itself. Click amodule or group to access styling options specific to that component. Acquire more about using the inspector to mode your template.

Please annotation: it's not possible to adhere CSS or Javascript files to an email template, but you canadd together custom HTML markup, trunk classes, and inline styling to the template.

HubSpot Help article screenshot

Preview and publish your template

In the upper correct, click Preview to come across a preview of your template on a web browser .If y'all selectAlive preview with brandish options , you tin can view your template as it appears on other devices.

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

One time your new template is published, you can use it to create new pages or emails. A web log template tin can be applied to an existing blog in your weblog settings.

Blueprint Manager