// Catapult digital / smart email headers

// encouraging users to turn on images....

...is more and more important, esp with the new hotmail/outlook versions which also block links. So we've come up with a neat little helper.

The idea is simple but cunning... add a small table at the top of your email. (tables are best for this as CSS support isn't always there). The table uses a background image. This of course doesn't load initially, so the table bgcolor is visible instead. Here the fiendishly simple part - make the bgcolor different from the background image colour - which matches the text colour. confused?

bgcolor = blue

text colur = white

background image = all white gif

so prior to images loading the text is visible, very much so thanks to the background colour. Most emails have a suptle 'if you can't see this -bclick here' link, that is easily missed:

(click the thumbnails to enlarge)

pre loaded images

once the user has loaded images its gone (well it's still there just not visible).

after loading

So you can educate and encourage the users, then reward them by not having boring 'warning copy' when they permission you -it's WIN WIN!

sample you'll see it while the images load then it's gone!

except of course if you are using the devils outlook 2007 - which has no background image support at the moment. so the message will say on after images load :( maybe adding a use office 2003 / thunderbird message could be placed there for 2007 suckers!

 

// the code

<table width="600" border="0" align="center">
<tr>
<td background="whiteout.gif" bgcolor="#0066FF">
<span style="color:#ffffff;font-family:arial,helvetica, sans-serif;font-size:12px;font-weight:bold;">&nbsp; Please click show images/content above to see this email correctly.</span>
</td></tr></table>

You will also require a 1x1 pixel gif in the same background colour as your email - here called whiteout.gif. The text colour must also match this. Feel free to add in copy such as 'add us to your address book' etc.

whiteout <- get your whiteout.gif here!

Want to know more? contact us