How to Insert HTML in an Email - Put HTML in Gmail

Community Tested

Why choose wikiHow?
When you see the green checkmark on a wikiHow article, you know that the article has received careful review. In this case, we tested the instructions on our own devices and confirmed that the instructions worked.

How to Send HTML Emails

Three Parts:

This wikiHow teaches you how to send your HTML page or newsletter as an email. Since most email providers support HTML coding in their emails, doing so is usually a matter of copying and pasting your HTML page or graphic into your email composition.


Understanding HTML Emails

  1. Use code for email readers.Not all email readers have the same capabilities as web browsers. Design your email so more people will be able to view the HTML version instead of having to revert to the plain-text version.
    • Structure content by using tables.
    • Store images on a live web server or use stock images.
    • Use "https://" (or "http://") in your links.
  2. Rely on the text to communicate your message.Though it is more appealing to use colors and graphics, there is a good chance that someone on your email list will not be able to view your HTML email, no matter how well it is designed. Unless you absolutely have to use an image, stick to text where possible.
    • Spam filters can block images and attachments. They also tend to filter emails of substantial size, which can include you if you have large image files or numerous images.
    • Many mobile users won't see your images anyway.
  3. Follow Federal Trade Commission guidelines.These guidelines are set up to protect consumers by ensuring proper privacy settings and making certain that legitimate businesses are behind email marketing.
    • Provide a way to opt out of your email list. This can be an automatic unsubscribe link at the bottom of your email. You can also identify an email address for them to contact and ask to be removed if they no longer wish to receive your emails at any point in the future.
    • Include your business's name and physical mailing address. Readers need to know that you are a valid businesses and not a scheme or spammer.
    • Ensure that the "from" and "reply-to" addresses are valid and active. Provide a way for readers to contact you if they have questions or are interested in supporting your business.
    • Choose an appropriate subject line. Your subject should be a concise description of what the email contains, not invalid sales offers or false promotions.
  4. Review your HTML email before sending it.Once you've added your HTML to your email, scroll through the email to make sure that the various components of the page are showing up:
    • Look to see if links are intact and active.
    • Ensure that images and fonts appear correctly.
    • Check to see if your table is too wide.
    • Test your email in as many email readers as possible.
  5. Perform a spam test.Send your email both to yourself at as many different email addresses as possible and to a variety of contacts, then follow up to see whether or not your contacts received your email.
    • If your email is sent to the Spam folder during any of your tests, you may have to remove things such as images and links to pages which don't use HTTPS encryption.

Copying and Pasting HTML Content

  1. Save your HTML to a file.On most HTML generator websites, you'll do this by clicking the "Save" or "Download" button and following any on-screen instructions. If you're using the default text editor on a Windows or Mac computer (Notepad or TextEdit, respectively), you can save your HTML to a file by doing the following:
    • Windows— ClickFile, clickSave As, enter a name followed by.html(e.g., "file.html"), click the "Save as type" drop-down box, clickAll Files, and clickSave.
    • Mac— ClickFormat, clickMake Plain Text, clickOKwhen prompted, clickFile, clickSave, click the downward-facing arrow to the right of the "Name" field, uncheck the "Hide Extension" box, replace the ".txt" part of the name with ".html", clickSave, and clickUse .htmlwhen prompted.
  2. Open the file in a browser.Double-click your HTML file to open it in your computer's default web browser.
    • You can also open your preferred web browser and then click and drag your HTML file into the browser window.
  3. Copy the content.Click and drag your mouse cursor across and down the HTML page until everything is selected, then pressCtrl+C(Windows) orCommand+C(Mac).
    • You can also click anywhere on the page and then press eitherCtrl+AorCommand+Ato highlight the whole page, but this may cause you to highlight components of the page you don't want to include.
  4. Open a new email in your preferred inbox.Gmail, Outlook, Apple Mail, and Yahoo all support sending HTML emails:
    • Gmail— Go to and log in if necessary, then clickCOMPOSE.
    • Outlook— Go to and log in if necessary, then click+ New message.
    • Apple Mail— Go to and log in, then click .
    • Yahoo— Go to and log in if necessary, then clickCompose.
  5. Enable HTML emails if you're using Outlook.While Gmail, Yahoo, and Apple Mail all have HTML enabled for their emails by default, you may need to enable HTML sending if you're using the web version of Outlook:
    • Click the gear-shaped "Settings" icon in the upper-right corner of the inbox.
    • Scroll down and clickShow full settings
    • Click theMailtab.
    • ClickCompose and reply
    • Click the "Plain text" drop-down box at the bottom of the window (if this box says "HTML", Outlook already supports HTML emails).
    • ClickHTML
    • ClickSave, then exit the menu.
  6. Add a recipient and a subject.Type a recipient's email address into the "To" text box at the top of the "Compose" window, then add a subject in the text box below it.
  7. Paste in your content.Click the main text box in the "Compose" window, then pressCtrl+V(Windows) orCommand+V(Mac). The HTML page's content will appear in the email exactly as it was formatted on the HTML page.
  8. Send your email.Click theSendbutton in the "Compose" window to do so. Your recipient(s) will receive your HTML page as an email.

Using Gmail and Chrome

  1. Copy your HTML email's body text.If you can't open the HTML file in your browser for some reason, copying the HTML's body text and pasting it into your email's source code will also work as long as you're using Gmail in Google Chrome.
    • You'll need to copy all of the body text—including the "<body>" and "</body>" tags—but Gmail will cover the document type and the HTML tags themselves, so you don't need to copy those.
  2. Open Google Chrome.This is the only browser in which you can successfully paste your HTML code into your Gmail email.
  3. Open Gmail.Go to in Chrome's address bar, then enter your email address and password if prompted to log in.
  4. ClickCOMPOSE.It's in the top-left corner of the Gmail window. A pop-up window will appear in the middle of the Gmail window.
    • If you're using the new version of Gmail, you'll clickComposehere.
  5. Add a recipient and a subject.Type a recipient's email address into the "To" text box at the top of the "Compose" window, then add a subject in the text box below it.
  6. Enter placeholder text.In the main section of the "Compose" window, type in a string of asterisks, zeroes, or other similarly distinguishable text. This will help you find the necessary location in the source code.
  7. Open an "Inspect" window.Select your placeholder text, then right-click (orControl-click on a Mac) the text and clickInspectin the resulting drop-down menu. You should see a pop-out window appear on the right side of the page.
  8. Open the selected code for editing.Right-click (orControl-click on a Mac) the blue-highlighted code at the top of the pop-out window, then clickEdit as HTMLin the resulting drop-down menu.
  9. Find your placeholder text, then select it.Scroll down until you find the placeholder text that you entered into your email, then click and drag your mouse cursor across the placeholder text.
    • Make sure you don't select anything to the left or right of your placeholder text.
  10. Paste in your HTML.PressCtrl+V(Windows) orCommand+V(Mac) to do so. You should see the HTML for your project appear in the window.
  11. Exit the pop-out menu.Click theXin the top-right corner of the "Inspect" pop-out window to close it.
  12. Review and send your email.In the Gmail window, look at your email's presentation. If you're satisfied with the way the HTML page looks in your "Compose" window, you can clickSendto deliver it to your recipient(s).

Community Q&A

Unanswered Questions
  • I am using Google Chrome and Gmail. When I used the chrome method, it showed up in Compose the way it should, but was plain text in my inbox.
  • How to send email in Tamil language?
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
  • Use HTML templates available through online contact management systems if you are not familiar with HTML code. These provide an easy way to send appealing messages to your email subscribers.
  • Offer a plain-text version of your HTML email for those who cannot view HTML or who prefer not to. This will allow you to reach a broader audience.


  • Do not copy and paste code from word processing software. You will probably lose HTML tags, causing your email to lose its structure; additionally, many email spam filters block emails which were copied from a word processor.

Video: How to send beautiful HTML e-mails with Gmail

How to Send HTML Emails
How to Send HTML Emails images

2019 year
2019 year - How to Send HTML Emails pictures

How to Send HTML Emails forecast
How to Send HTML Emails forecast photo

How to Send HTML Emails picture
How to Send HTML Emails images

How to Send HTML Emails How to Send HTML Emails new foto
How to Send HTML Emails new foto

images How to Send HTML Emails
foto How to Send HTML Emails

Watch How to Send HTML Emails video
Watch How to Send HTML Emails video

Communication on this topic: How to Send HTML Emails, how-to-send-html-emails/
Discussion on this topic: How to Send HTML Emails, how-to-send-html-emails/ , how-to-send-html-emails/

Related News

The 8 Best Whey Protein for Men to Buy in 2019
Reeses Wants You to Trade in Your Gross Halloween Candy for Some Free PB Cups
Simple Hairstyles for Girls: Medium Straight Hair
How to Add a Drop Down Box in Excel 2007
Bradley Coopers Limitless To Be Adapted Into TV Series
This Fitness Bloggers Photographs Show Just How Much Bloating Can Affect Your Body
How to Write the Perfect Dissertation
Stephen King was a broke writer
14 of the Most Interesting Easter Traditions from Around the World
Dream Job Alert: Get Paid 10,000 to Take Sunset Photos This Summer
How My Best Friends Helped Me Get My Dream Career
Incredible reasons why bossy women make amazing wives
How to Deal With Collection Agencies

Date: 03.12.2018, 08:13 / Views: 35351