Content

• To step
• Part 1 of 3: Understanding HTML in an email
• Part 2 of 3: Copying and pasting HTML content
• Part 3 of 3: With Gmail and Chrome
• Tips
• Warnings

This wikiHow teaches you how to send an HTML page or newsletter as an email. Since most email providers support HTML for emails, it is usually no more than copying and pasting the appropriate HTML page or image into your email.

To step

Part 1 of 3: Understanding HTML in an email

1. Use code for email readers. Not all email readers have the same capabilities as web browsers. Design your email so that more people can read the HTML version of your message, instead of reverting to a plain text version.
   • Create structure by using tables.
   • Store images on a live web server or use stock images.
   • use "https: //" (or "http: //") in your links.
2. Convey your message with text. While it is more attractive to use color and graphics, chances are that someone on your mailing list will not be able to view your HTML email, no matter how well you designed it. Unless you really need to use an image, it's best to convey the information through text.
   • Spam filters can block images and attachments. Often emails that are very large are also filtered out, which can apply to your mail if you have added many or large images.
   • Many mobile users will not be able to see your images anyway.
3. Stick to government guidelines. These guidelines are in place to protect consumers by using proper privacy settings and ensuring email marketing is sent by legal companies.
   • Offer a way that people can indicate that they no longer want to receive emails from you. This can be an automatic unsubscribe link at the bottom of the email.You can also provide an email address that they can contact to indicate that they no longer receive your mail and that they will be removed from the mailing list indefinitely.
   • Include the name of your company and physical mailing address. Readers should know that you are a valid business and not a scam or spammer.
   • Make sure 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's in the email, not invalid sales offers or misleading advertising.
4. View your HTML email before sending it. Once you've added your HTML to your email, take a full look at the email to make sure the different parts of the page are showing:
   • Make sure all links are intact and active.
   • Make sure images and fonts appear correctly.
   • Check if your table is too wide.
   • Test your email in as many email programs as possible.
5. Take a spam test. Send your email to yourself at as many different email addresses as possible and to different contacts, then send a follow-up email to check if your contacts have received your email.
   • If your email is sent to the Spam folder during one of your tests, you may need to delete things such as images and links to pages that do not use HTTPS encryption.

Part 2 of 3: Copying and pasting HTML content

1. Save your HTML to a file. On most online HTML generators, you do this by clicking the "Save" or "Download" button and following the on-screen instructions. If you're using the default word processor on a Windows or Mac computer (Notepad or TextEdit, respectively), save the HTML to a file as follows:
   • Windows - Click on File and Save as, and enter a name followed by .html (e.g., "file.html"), click on "Save as type", All files, and then on Save.
   • Mac - Click on Formatting, Convert to plain text, click on OK, Archive, Save, click the down arrow to the right of the "Name" field, uncheck the "Hide extension" box, replace ".txt" after the name with ".html", click Save and then on Use .html when indicated.
2. Open the file in a browser. Double-click your HTML file to open it in your computer's default browser.
   • You can also open your favorite web browser, click on your HTML file and drag it into the browser window.
3. Copy the content. Click and drag your mouse cursor over the HTML page until everything is selected, then press Ctrl+C. (Windows) or ⌘ Command+C. (Mac).
   • You can also click anywhere on the page and then click Ctrl+a or ⌘ Command+a to select the entire page, but this may result in you also selecting parts of the page that you do not want to include.
4. Open a new email in your favorite email program. Gmail, Outlook, Apple Mail and Thunderbird all support sending HTML emails:
   • Gmail - Go to https://www.gmail.com/, log in and click draw up.
   • Outlook - Go to https://www.outlook.com/ and log in if necessary and click ＋ New message.
   • Apple Mail - Go to https://www.icloud.com/#mail, log in and click Enable HTML if you use Outlook. While Gmail, Yahoo, and Apple Mail all have default HTML enabled for their emails, you may need to enable HTML sending if you're using the web version of Outlook:
     • Click on "Options" or "Settings" Add a recipient and a subject. Type a recipient's email address in the "To" text box at the top of the "Compose" window, then add a subject in the text box below.
     • Paste your message text. Click the main text window in the "Compose" window and then press Ctrl+V.. (Windows) or ⌘ Command+V. (Mac). The content of the HTML page will appear in the email exactly as it is formatted on the HTML page.
     • Send your email. To do this, click on the button To send in the "Compose" window. The recipient will receive your HTML page as an email.

Part 3 of 3: With Gmail and Chrome

1. Copy the body text of the HTML page. If for some reason you cannot open the HTML file in your browser, copying the HTML text and pasting it into the source code of your email will also work as long as you use Gmail in Google Chrome.
   • You must copy all of the text in the body text - including the "body>" and "/ body>" tags - but Gmail puts the document type and HTML tags themselves, so you don't have to copy them.
2. Open Open Gmail. Go to https://www.gmail.com/ in Chrome's address bar, and enter your email address and password if you need to sign in.
3. click on draw up. This is the button in the top left corner of the Gmail window. A pop-up window will appear in the center of the window in Gmail.
   • If you are using a new version of Gmail, click here draw up.
4. Add a recipient and a subject. Type a recipient's email address in the "To" text box at the top of the "Compose" window, then add a subject in the text box below.
5. Enter marker text. In the main part of the "Compose" window, enter a series of asterisks, zeros, or other similarly salient text. This will help you find the required location in the source code.
6. Open an "Inspection" window. Select your marker text, right click (or Control-click on a Mac) on the text and then on Inspect in the drop-down menu that appears. A slideout menu should now appear on the right side of the page.
7. Open the selected code to edit. Right click (or Control-click on a Mac) the blue highlighted code at the top of the slideout window, then click Edit as HTML in the resulting drop-down menu.
8. Find your highlight text and select it. Scroll down until you find the highlight text in your email, then click and drag your mouse cursor over that text.
   • Make sure you don't select anything to the left or right of your marker text.
9. Paste the HTML. To do this, press Ctrl+V. (Windows) or ⌘ Command+V. (Mac). The HTML for your project should now appear in the window.
10. Close the slideout menu. Click on the X in the top right corner of the slideout menu of the "Inspect" window to close it.
11. Check and send your email. Look at the presentation of your email in the Gmail window. If you are happy with the way the HTML page looks in the "Compose" window, you can click To send click to deliver it to the recipient (s).

Tips

• If you are not familiar with HTML code, use HTML templates available online through contact management systems. These provide an easy way to send attractive messages to your email subscribers.
• Provide a plain text version of your HTML email for those who cannot view HTML or prefer not to. This way you can reach a wider audience.

Warnings

• Do not copy and paste code from word processing software. You will likely lose HTML tags, causing your email to lose its structure - in addition, many email spam filters block emails copied from a word processor.