How to email html files

Learn why people trust wikiHow. Download Article Explore this Article parts. Tips and Warnings. Related Articles. Article Summary. Part 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. 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. 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.

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. 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. Part 2. 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.

Open the file in a browser. Double-click your HTML file to open it in your computer's default web browser. Just like that, the file size increased times! But it looks the exact same as before. After this transformation, we can no longer be sure that this code will appear the way that we want it to.

But that is when the HTML format is chosen when saving. There is, actually, a way for Microsoft Word to save in a different format, called HTML-filtered, which will filter out most of the added garbage. This method results in a file of 5Kb, which is still 10 times more than the original source file. Note that although we are discussing Microsoft Word, all of this concerns Microsoft Outlook as well, since the same HTML engine is used in both products.

This means that Microsoft Outlook simple does not allow us to create a message in HTML that is less than 5Kb and that is an empty message. This transformation of the message by the Outlook editor is another drawback of the product. Imagine a situation where the template of a weekly newsletter is created using an HTML-editor to avoid destroying the HTML formatting of the document when importing and exporting it using Word.

When this document is placed into the body of the message in the Outlook editor using the copy-n-paste option , our HTML code will be transformed and made much more complex, which can destroy the initial formatting and display the document incorrectly when it is received by other email clients and browsers. There are some plug-ins in the software market that allow editing of the message body in HTML, thus avoiding transformation. This means that it is no difference between creating a nice-looking HTML email in a special HTML-editor and pasting it into the message via the exchange buffer and then sending the email, and using a special program to let you paste HTML code in its initial format when creating the email.

In both cases, the recipient receives a larger and reformatted message. Regardless of the limitations of Microsoft Outlook, there is still the possibility to send an email with its initial formatting without executing an HTML transformation.

This can be done using the Send Personally , which is a Microsoft Outlook add-in designed to send mailing lists with personalized greetings — which is very convenient in newsletters, announcements, and promotions. But right now, we are most interested in this program for its ability to work with the HTML source of the message body. This program adds an Insert HTML to the ribbon in the message editor section; this option appears when we create a new email or answer an existing email.

In this window, we can create HTML code for the message and edit it. Note that we cannot edit the text in the message using the Outlook editor, because Outlook will immediately transform our source HTML. If we need to carry out further modifications in the message, then we will need to click the Insert HTML button again and make the changes in the window.

At this point, we have created an email and not allowed Outlook to transform the source HTML, but this is only the first step. Next, we need to prevent modification to the message when the Send button is clicked.

If you want to code a pixel-perfect HTML email, here is a step-by-step DIY guide, that will facilitate your email template production process Development of an HTML email is almost like metamorphosis of a tadpole into frog. It undergoes so many changes right from the conceptualization to the final delivery of the HTML email template.

Once the email marketer determines the purpose of sending an email, the copywriter drafts the email copy according to the wireframe. Subsequently, the email designer works on the email design according to the wireframe. This file is loaded in the ESP and deployed after thorough testing for flawless rendering. Most of the marketers send HTML email rather than a plain text email because of its enhanced aesthetics.

As a number of people are involved in the creation of an email HTML, even a minor change can take too long to ger resolved. In fact, it roughly takes hours to develop an email template. The intricacies of the process add to the time taken in developing a single HTML email template. Through this article, we will show you how to create HTML email template , which you can refer to for basic troubleshooting of your email template HTML code.