Geek Answers Handbook

How to encode html mailings?

I am ready to send bulk email to clients who are in html + images. What are the general rules for displaying correctly in the most popular email clients?

EDIT:

Well, this is for my clients - about a few clients.

My question is: how to encode this email so that it displays correctly in the client client (thunderbird, outlook, gmail). What css tags can i use?

+3
source share
12 answers

These two links are great places to run.

It seems that the best use of HTML 3.0 tags and formatting is best for all readers and email providers.

I asked a similar question What is the best way to format email when using System.Net.Mail

+3
source

Take a look at email-standards.org , they have an ACID test that they run on the most popular clients , and you can see a list of different css selectors and html tags that they tested, and screenshots of the actual results of what works and what doesn't.

Hope this helps!

+4
source

General rules for HTML emails:

  • No Javascript ... ever!
  • Using a table layout (no floats)
  • No <style> or <link> for CSS - use only the style="" attribute

This should keep your emails worthy in most email clients, including websites (hotmail, yahoo, gmail).

+3
source

You can include embedded images if you want, as an alternative to placing them somewhere.

img src in your html is cid: mime-part-name

And attach the image as part of the mime.

But beyond that, make sure your HTML and CSS are simple — email programs are worse than browsers — and test them in several email programs, as well as in hotmail and gmail.

+2
source

You need to consider the fact that some email clients do not display html. The MIME standard supports multi-user letters. You define different boundaries for different parts of the message.

http://en.wikipedia.org/wiki/MIME

+2
source

If you must use images, keep them very small and keep them in line. Many email clients refuse to display links to external images because spammers use them to track who was so dumb as to read their email.

+1
source

Some of them are very good. I will just summarize and add a couple of other tips.

  • Using a table layout
  • No javascript
  • Minimal CSS - many things do not work.
  • Any CSS should be inline
  • No background images of any kind will be displayed in Outlook 2007
  • Link to posted images. Embedded images may work, but if you're not very careful, size limits on mail servers will bounce off of them.
  • Be sure to use alt tags on your images so that something displays when email clients block images.
  • enable text version of email for clients who block images
  • check as many customers as possible. In particular, Outlook 2007 and Gmail. Gmail tends to do weird things with text alignment.
+1
source

HTML email type. Your images need to be placed somewhere on the Internet, and then included in the HTML as links.

You are creating your HTML code and this is the body of the message. The type of email is HTML!

Everyone does this, there are a million examples.

0
source

I know this is not what you asked for, but have you tried MailChimp ? They have great service.

0
source

I also recommend a third party, such as MailChimp or CampainMonitor, they deal with a lot of additional materials, such as mangaging subscriptions and bounce checks, plus they offer statistics on opening, etc.

0
source

Avoid background images because Outlook 2007 does not display them. (Outlook 2007 uses the HTML rendering engine from Word ...)

0
source

I try to use a table layout with tags that allow me to display text in the correct face and color and roughly the right size, and then use style = "" to display it correctly in email clients that support CSS.

Just don't over complicate your CSS ...

0
source

More articles:


All Articles