How To Edit Email Templates In Hubspot

by

Introduction

If you encounter any difficulties while rephrasing, please respond with the following error message:

Unable to process the request due to encountered difficulties.

HubSpot provides a diverse range of resources to simplify your marketing endeavors, including email templates. These useful resources enable you to produce uniform emails that can be customized and distributed to your contacts. In this article, we will walk you through the process of modifying email templates in HubSpot.

Accessing your Email Templates

The first step is to navigate to your email templates. Login to your HubSpot account, and follow the steps outlined below:

  1. Click on the Marketing tab at the top of your dashboard.
  2. Hover over Email and then click on Email Templates.

You should now be able to see all of your existing templates.

Editing an Email Template

To edit an email template, simply hover over the template you wish to change and click on the Edit button. This will open the template editor where you can make your changes.

Using the HubSpot Template Editor

Once you are in the template editor, you can use the drag and drop features to customize your email template. Here’s how:

  1. On the right side of the editor, you will see a sidebar with different components for emails like text block, image block, CTA button, etc. You can drag these components and drop them into your email template.
  2. Click on the component you added to customize its content. You can add text, images, links, and much more.

Remember to save your changes before exiting the template editor.

Editing the HTML of an Email Template

If you are comfortable with HTML and CSS, you can also edit the HTML of your email template directly. To do this:

  1. Click on the Actions dropdown in the upper right corner of the template editor.
  2. Select Edit HTML.

You will now see the HTML code for your email template. Make sure to be careful when editing HTML code, as any mistakes could cause your email to display incorrectly.

Note: HubSpot uses a special scripting language called HubL to create dynamic content in email templates. If you see code inside curly braces – {{ }} – this is likely HubL code.

Here’s a simple example:

    {% raw %}
    
        </p>
            <p>We hope you are well, {{ contact.firstname }}!</p>
        
    
    {% endraw %}

In the example above, {{ contact.firstname }} is a HubL token that gets replaced with the first name of the contact receiving the email.

Conclusion

Editing email templates in HubSpot is a straightforward process. Whether you choose to use the drag and drop editor or edit the HTML directly, you can create powerful, personalized emails that resonate with your audience.