--- title: "A Beginner's Guide: How to Use the Hubspot Template Builder" description: The HubSpot Template Builder is one of the platform's most convenient features, allowing you to build and execute templates tieing your marketing efforts. image: https://www.computan.com/hubfs/pexels-photo-908284.jpeg --- [Skip to main content!](https://www.computan.com/blog/a-beginners-guide-how-to-use-the-hubspot-template-builder#main_content) [![Computan Logo](https://www.computan.com/hs-fs/hubfs/computan-site-logo.png?width=250&height=50&name=computan-site-logo.png) ](https://www.computan.com/) # A Beginner's Guide: How to Use the Hubspot Template Builder 3 Minutes Read   |   March 29, 2018 - [Tweet](https://twitter.com/share) One of the ways that HubSpot can make your life easier is by allowing you to design and use customized templates for emails, landing pages, blogs, and web pages. However, you may be wondering how to implement these templates effectively. We’re going to go over the basics of using the HubSpot template builder so you get a better idea of how to use this amazing tool.   ## A Quick Overview of the Hubspot Template Builder The HubSpot Template Builder allows you to drag and drop modules into a layout to create a template for a website page, landing page, or email. Each module provides a different function, such as a heading or an image, that comes together for your design. Within the template builder, there are plenty of options to add your own code, depending on how experienced you are with the language.   ## HubSpot Design Manager Here are some of the important elements in the Design Manager that you are going to want to become very familiar with when you start to build your templates. - **Rich Text Modules:** These modules allow you to add text, images, HTML, and headings into your template, so you are going to be using them quite a bit. - **CSS:** This coding language is used for more stylized design projects, and is often used for more complex template designs. - **File Manager:** This is where your site’s assets will live and where you can keep them organized as you build.     ## Using HubSpot Global Groups HubSpot Global Groups are extremely important for a number of reasons, but primarily because they make it easier to build templates and they increase brand consistency across your website. Your header and footer are Global Groups because they are locked modules that stay together on every template and page. If you don’t have them set up, every time you make a change to your footer, you’ll have to edit it on every single template to make it appear globally. Global Groups allow you to make one edit to the module and have that edit automatically update on everything, saving you time and effort. In addition to your header and footer, anything you want to have on multiple pages should be saved into a global module. This way, you can easily drop it in wherever you need it.   ## How to Slice PSDs Into HubSpot You can easily slice PSDs into HubSpot to create your own custom templates from a design. In fact, this is a common way for designers to visualize what their templates and pages are going to look like before they get to the development stage. Essentially, you can take your Photoshop file and import it into HubSpot in order to see that template come to life. For complete instructions, read our detailed walk-through [here](https://digitalmarketing.computan.com/psd-to-hubspot-its-easier-than-you-think) or check out our [video tutorial](https://digitalmarketing.computan.com/video-how-to-build-a-hubspot-template).      ## Working With HubSpot Developers to Build Custom Templates Of course, you are never alone when you work with HubSpot. You are always just within reach of a team of certified HubSpot developers who are more than willing to help you out and build you a template that does exactly what you need it to. [![HubSpot Support from a HubSpot developer](https://no-cache.hubspot.com/cta/default/482618/9fb6e187-b126-4bbe-92f0-79771c3b29b8.png)](https://cta-redirect.hubspot.com/cta/redirect/482618/9fb6e187-b126-4bbe-92f0-79771c3b29b8) Tags Label: [HubSpot](https://www.computan.com/blog/topic/hubspot) ![Sajeel Qureshi](https://www.computan.com/hs-fs/hubfs/Images/Sajeel%20Qureshi%20headshot1.jpg?width=132&height=132&name=Sajeel%20Qureshi%20headshot1.jpg) ### About Author [Sajeel Qureshi](https://www.computan.com/blog/author/sajeel-qureshi) Hi, I'm Sajeel and I head up the day-to-day operations at Computan. I don't do anything in particular and lend a hand to other people who might need it. I came to Computan after failed stints as a tennis player (no talent), musician (no skill) and backyard wrestling manager (underqualified). [![Improving Your Ecommerce Website Optimization](https://www.computan.com/hubfs/pexels-photo-196655-2.jpeg) Previous Post #### Improving Your Ecommerce Website Optimization ](https://www.computan.com/blog/improving-your-ecommerce-website-optimization) [![The Top 10 Best WordPress Plugins](https://www.computan.com/hubfs/pexels-photo-845239.jpeg) Next Post #### The Top 10 Best WordPress Plugins ](https://www.computan.com/blog/the-top-10-best-wordpress-plugins) ### Better Lorem Ipsum Generator Better Lorem Ipsum Generator is yet another dummy content generator for HubSpot. ### Subscribe Here! ### Recent Posts ### Posts by Tag - [HubSpot (177)](https://www.computan.com/blog/topic/hubspot) - [Blog (114)](https://www.computan.com/blog/topic/blog) - [Computan Team (90)](https://www.computan.com/blog/topic/computan-team) - [Web Development (84)](https://www.computan.com/blog/topic/web-development) - [Ecommerce (62)](https://www.computan.com/blog/topic/ecommerce) - [WordPress (61)](https://www.computan.com/blog/topic/wordpress) - [Integrations (44)](https://www.computan.com/blog/topic/integrations) - [Web Design (38)](https://www.computan.com/blog/topic/web-design) - [RevOps (28)](https://www.computan.com/blog/topic/revops) - [App Development (20)](https://www.computan.com/blog/topic/app-development) - [Featured (1)](https://www.computan.com/blog/topic/featured) - [Shopify (1)](https://www.computan.com/blog/topic/shopify) [See all](https://www.computan.com/blog/a-beginners-guide-how-to-use-the-hubspot-template-builder#) ```json { "@context" : "https://schema.org", "@id" : "https://www.computan.com/blog/a-beginners-guide-how-to-use-the-hubspot-template-builder#webpage", "@type" : "WebPage", "about" : { "@id" : "https://www.computan.com/#organization" }, "breadcrumb" : { "@id" : "https://www.computan.com/blog/a-beginners-guide-how-to-use-the-hubspot-template-builder#breadcrumb" }, "isPartOf" : { "@id" : "https://www.computan.com/#website" }, "name" : "A Beginner's Guide: How to Use the Hubspot Template Builder", "primaryImageOfPage" : { "@type" : "ImageObject", "url" : "https://digitalmarketing.computan.com/hubfs/pexels-photo-908284.jpeg" }, "url" : "https://www.computan.com/blog/a-beginners-guide-how-to-use-the-hubspot-template-builder" } ``` ```json { "@context" : "https://schema.org", "@id" : "https://www.computan.com/blog/a-beginners-guide-how-to-use-the-hubspot-template-builder#blogposting", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Sajeel Qureshi" }, "dateModified" : "2024-03-18T10:15:10+0000", "datePublished" : "2018-03-29T17:43:35+0000", "description" : "The HubSpot Template Builder is one of the platform's most convenient features, allowing you to build and execute templates tieing your marketing efforts.", "headline" : "A Beginner's Guide: How to Use the Hubspot Template Builder", "image" : "https://digitalmarketing.computan.com/hubfs/pexels-photo-908284.jpeg", "mainEntityOfPage" : { "@id" : "https://www.computan.com/blog/a-beginners-guide-how-to-use-the-hubspot-template-builder#webpage" }, "publisher" : { "@id" : "https://www.computan.com/#organization" } } ``` ```json { "@context" : "https://schema.org", "@id" : "https://www.computan.com/blog/a-beginners-guide-how-to-use-the-hubspot-template-builder#breadcrumb", "@type" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : "https://www.computan.com/", "name" : "Home", "position" : 1 }, { "@type" : "ListItem", "item" : "https://www.computan.com/blog", "name" : "Blog", "position" : 2 }, { "@type" : "ListItem", "item" : "https://www.computan.com/blog/a-beginners-guide-how-to-use-the-hubspot-template-builder", "name" : "A Beginner's Guide: How to Use the Hubspot Template Builder", "position" : 3 } ] } ```