How to Send a HTML Email with Gmail (Easy Step by Step Tutorial)

Yes you can send a HTML email with Gmail!

Do you always need an email marketing service like Mailchimp or Active Campaign to send a HTML email? You can actually use Gmail to send HTML emails as well.

You can send these HTML emails as an 1-on-1 message or use a mail merge tool for Gmail like Yet Another Mail Merge to send it to a list of customers or contacts.

Emails sent from Gmail are much more likely to reach primary inboxes than ones sent from an email marketing platform, so if you would like to contact a group of people but use a nice design instead of plain text, follow along the step by step guide below.

Note: simply copy and pasting a HTML design into Gmail doesn't always work. If only life was this easy. ;)

Step 1:  Copy the HTML code of the email you want to send with Gmail
Step 2:  In Gmail, click + Compose to create a new email and type 'Text' in the body
Step 3:  Highlight 'Text', right click and click on 'Inspect' in the dropdown menu
Step 4:  In the Inspect console that will pops up, right click on the highlighted blue section and select 'Edit as HTML' in the dropdown menu
Step 5:  In the textarea that appears, highlight 'Text'
Step 6:  Paste your email HTML code to replace 'Text':
Step 7:  Click anywhere outside of the textarea to apply your HTML code
Step 8:  Click 'x' at the top right corner to close Inspect console. Now you'll see your HTML email in in the compose window.
Step 9:  If needed, you can directly edit the text in the HTML email
Step 10:  Here's how your HTML email will look for the recipient. It looks the same as if you sent from an email marketing platform.
Last updated:
Tired of worrying about how to find new clients? A lot of methods take a long time to pay off: network, set up your ads, compete on job boards, polish your website, wait for leads. There's something you can do today to proactively put yourself in front of your ideal clients and get hired. Learn more
More proven templates