Articles
RSS FeedMarch 16, 2008
E-mail newsletter tricks
-
For the newbies
Download the E-mail marketing guide from Mailchimp to learn the basics.
-
Premailer is a godsend
Premailer is a script that scrapes the style data out of your
<style>-tags and places everything inline. You can run the script at the premailer page. -
Use both inline styles and
<style>-tag stylesUse both inline styles and an attached stylesheet. Forget about linking to a stylesheet on the web, that isn’t reliable in the slightest bit. Outlook reads styles between
<style>-tags;Gmail only reads inline styles. Place your<style>-tag outside of the<head>-tags - some webmail clients strip out the full contents of<head>. -
Using Trebuchet MS in HTML E-mails
Use
font-family: trebuchet ms, arial, sans-serif;instead of your typicalfont-family: "Trebuchet MS", Arial, sans-serif;". Gmail chokes on the double quotes, so use old skool notation. -
Tracker images
If you use a tracker image to track open rates, don’t use a 1×1 spacer gif. Use the header image or something similar - spam filters don’t like spacer gifs.
-
Read the Campaign monitor blog
A goldmine of information, right at your fingertips.
-
<body>-backgroundIf you want a background that spans the full width and height of your HTML e-mail (similar to a background on the body element for websites), use a table with 100% width and height and a background color as the wrapper for your design.
-
Centering your e-mail
Don’t try the website methods like
text-align: center;andmargin: 0 auto;, these won’t work properly. Instead, wrap whatever needs to be centered in a table cell withalign="center"(<td align="center">...</td>). -
Need e-mail newsletter help?
Send in your questions to
.
Thanks, very usefull post.
Will come in handy the next couple of weeks:)
March 16th, 2008 at 11:22 ∞Thanks for mentioning Campaign Monitor! You’ll be happy to hear that we’ve recently added a new feature to Campaign Monitor that can automatically add inline styles to your campaigns, which can save a lot of time.
Also, don’t forget our CSS support guide.
March 17th, 2008 at 12:47 ∞I’ll add one: For older versions of outlook & exchange webmail, place a space before any stylesheet selector
WRONG:
.myclass
RIGHT:
.myclass
Spot the tiny but important different
March 17th, 2008 at 9:08 ∞Goeie bal!
March 17th, 2008 at 9:54 ∞Merci :-) deze info komt binnen een halve week goed van pas
March 18th, 2008 at 8:31 ∞Found it really interesting
February 4th, 2012 at 8:19 ∞