HTML Email with Gmail
Every email interaction could be another way to improve your brand recognition. You don’t need an email marketing platform to maintain your professional look. Here’s a quick tutorial on how to use Google’s Gmail to create an HTML business branded email. Keep in mind, this tutorial will work for something as complex as an HTML email template all the way down to something as simple as a logo, signature, and contact info.
If you’ve never worked in the developer side of Safari’s web browser, you’ll need to make an important change in the advanced tab of the preferences panel. Open Safari. Once opened click on the “Safari” menu item at the top left of your computer screen. Within the “Safari” menu select “Preferences”. This will open the preferences panel. At the top of the preferences panel, select the “Advanced Options” tab. Towards the bottom of the “Advanced Options” tab select the “Show Develop menu in menu bar” checkbox.
Log into your Google Gmail account and select “Compose Message” to begin. Type “******” into the body portion of your email. This will help us recognize where to input our HTML code. Select your text and right click. A menu will pop-up. Select “Inspect Element” in this menu. A new section will appear at the bottom of your browser screen.
Finding the Code
Your web inspector screen will slide up from the bottom. It will already have one row of HTML code highlighted. This is the piece of code that pertains to your message body. Search the highlighted code for your “*****” message. Select “*****” and right click to view the options panel. Select “Edit as HTML”.
Paste your Template
Within the web inspector, delete “*****” and paste in your HTML Email Template.
Edit Bold Text
Your HTML email has now been created within Google. You need to edit you bold text carefully, so that Gmail doesn’t create unwanted styles. Create your heading within the template heading. Then delete unwanted text. This will ensure that text style will remain.
Edit Message Text
Your paragraph font style should be saved within the Head styles of your HTML email. You should be able to delete the whole paragraph and create your message. It’s possible that you may have to use the same strategy as you did with the bold text.
You can edit your hyperlinks and text by clicking on the link text and selecting “change” in the options tooltip.
Review your email on different email clients. Google is usually the toughest. It strips a lot of the styles that other email clients maintain. Apple Mail is my favorite. In a perfect world, every client would open my emails using Apple Mail.