The Simple Guide to Creating an HTML Email [+ Free Templates]

Download Now: Email Marketing Planning Template

When you create an email using a drag-and-drop or module-based tool, you’re actually generating an HTML email.

There are two main types of email you can send and receive: plain text emails (these are exactly what they sound like — any email that contains just plain old text with no formatting) and HTML emails, which are formatted and styled using HTML and inline CSS.

HTML emails are easy to spot — most of the styled, multimedia marketing emails in your inbox are HTML emails.

As a marketer, you’ve probably compared HTML emails versus plain-text emails and realized that there are different benefits to each type. HTML emails aren’t inherently better than plain text emails, and in different situations, both types can be part of a successful email marketing program.

Here’s what an HTML looks like on the front-end. Click on the HTML button to see the code behind it.

See the Pen HTML Email Template from HubSpot by Christina Perricone (@hubspot) on CodePen.

In this article, we’ll cover how you can get started creating HTML emails, regardless of your experience level and comfort with coding, and share some free templates you can use. Let’s dive in.

How to Create an HTML Email

Good news: You actually don’t need to know how to code to create an HTML email.

Most tools that create and send email (like HubSpot) will offer pre-formatted, ready-to-go HTML templates that enable you to design emails without ever needing to access the actual code on the back-end.

As you make changes in the email editor, those changes will be automatically coded into the final product. Email building tools like this are an ideal option if you don’t have an email designer on your team, but you still want to send professional-looking marketing emails.

Still want to create an HTML email from scratch?

If you’re comfortable with HTML and want more direct control over the code of your emails, most email tools will allow you to import HTML files directly for use as custom email templates.

There are a wide variety of free HTML email templates available on the web (some of which we’ll share below), and if you know your way around an HTML file, it’s usually quite straightforward to adapt the template to the email building tool of your choice.

To create an HTML email completely from scratch, you’ll need to have an advanced knowledge of HTML (or work with a developer who does). This guide offers a solid overview of coding a basic HTML email. Because the process of creating an HTML email from scratch can be quite involved, we recommend working with a developer or using a pre-made HTML email template instead.