How to Send HTML Email in Gmail

Since Gmail was introduced way back in 2004, many changes have been made to the email provider. One of the first changes was to remove the HTML editor and just keep the WYSIWYG editor.

While Gmail doesn’t offer the functionality of an HTML editor, it does still support HTML.

But why would you want to send an HTML email in Gmail?

While the WYSIWYG editor is handy for day to day usage – and quick as a flash – there are times when you may need to utilize HTML.

For example, adding in a company email signature is something that most businesses do. Sure, you can add a logo and a link using the WYSIWYG editor, but it can look a little basic when it comes to professional emails

In this situation, you’re probably best creating a signature with your own HTML and inserting it into Gmail.

Copy and Paste HTML into Gmail

Step 1. Create the HTML code away from Gmail and then save it as a .html file on your computer.

Step 2. Don’t just copy the raw HTML into your Gmail; otherwise, the recipient will see only the raw HTML as well – like this:

So that isn’t quite right, is it?

(Code via Postbox-Inc)

Here are the steps you should take to add your code to Gmail.

Let’s Insert HTML into Gmail

Step 1. Grab the code that you saved as an HTML file and open it in your browser of choice. This will enable you to check that you haven’t made any mistakes.

Step 2. From there, you simply need to copy the HTML as it has rendered in the browser.

Step 3. Paste that into your new Gmail compose window.

Step 4. Press send, and then you’re all done.

Things to Look Out for With HTML Emails in Gmail

As you might suspect, there are a few limitations when working in this way. Here are the main ones to look out for.

  • External style sheets might not work – Gmail doesn’t offer support for external styles. If you are handy with CSS, you might want to look at embedded CSS and Inline styles as a workaround.
  • You can’t use web fonts – unfortunately, there’s no way to import fonts into your HTML, so you’re stuck with the standard choices.
  • Images need to be hosted online and publicly available – make sure they’re uploaded somewhere with a public link. A lot of Gmail users use Google Drive for this, but you can also use services like Imgur.

Some Free HTML Editors for You to Use

If you’re just getting started with HTML, there are plenty of free editors on the Internet that will help you practice. Here are 2 of the most popular.

Testing Your HTML Email in Gmail

There are many ways to test whether your carefully crafted email looks good across many different email clients. Even the best HTML can have issues in some email clients.

If you want to do it the old-fashioned – and free – way, then all you need to do is send the email to as many people or different email clients that you can think of.

The issue with this is that it’s incredibly time-consuming.

With that in mind (and if you send quite a few emails in this way), you might want to invest in a tool that can help you check quickly across multiple devices and email clients.

HTMLemailcheck is an excellent tool for this and is relatively inexpensive.

And there you have it – follow these steps, and you’ll be able to easily add HTML to an email in Gmail.

Are you Getting the Most from Your Gmail Account?

There’s a reason why Gmail is the #1 email provider in 2021 with more than 1 billion active monthly users worldwide but that’s not to say it has it’s flaws. Ever wanted to see if someone opened your email or add a note to an email thread? That’s where Gmail extensions come in and in particular Right Inbox

Right Inbox will supercharge your Gmail with these superpowers:

  • Email Tracking
  • Email Reminders
  • Recurring Emails
  • Email Follow Ups
  • Email Templates
  • Plus More

By following these steps above your now able to send a HTML email in Gmail as well as ways you can improve your email productivity by using extensions to your advantage. Happy emailing!




Start spending less time in your inbox

Add to Gmail It's free!