DIY Email Banner with Logo

May 4, 2008 ·

An email banner is an image which appears at the top of every email you send. It can incorporate your company logo, tagline and other elements. Your email looks professional while ensuring that you stand out from the other 50 emails your customer has received that morning.

DIY Email Banner

An email banner can be setup as customised stationery in Microsoft Outlook Express quickly and easily. You can even have more than one for different products, branches or divisions within your company. By making your banner resemble your website, you will reinforce your on-line branding making even first time visitors to your website feel right at home.

How to Setup an Email Banner

  1. First you need a low resolution version of your logo with tagline. It should be the exact size on screen as you want it to appear in your email. (If you don’t have Photoshop, you can open your logo in Paint and adjust the size – no more than 600 pixels wide)
  2. Once you have a logo or banner saved, open Outlook Express
  3. On the top menu, go to TOOLS
  4. Select OPTIONS and go to the COMPOSE tab at the top
  5. Under stationery, tick MAIL
  6. Click the SELECT button then CREATE NEW
  7. Click NEXT to start the stationery wizard and tick PICTURE
  8. Click on the BROWSE button and click through the files until you find the image you saved at the beginning
  9. Click OPEN and select POSITION – top, left and TILE – Do Not Tile (this is very important)
  10. Make sure the COLOUR box is white then click on NEXT at the bottom
  11. Change the font to Arial, size to 10 and click on NEXT at the bottom
  12. Change left margin to 25 pixels and top margin to 125 pixels (or other to suit the size of your logo)
  13. Give your stationery a name, then click FINISH, and OK
  14. On the options window, make sure your new stationery is showing next to the SELECT button.
  15. If not, click on SELECT and choose the stationery you saved.
  16. Click APPLY at the bottom and then OK to close the Options window.

Now when you create a new email message, the banner should come up automatically. If you do not want the banner to come up every time, you can either select No Stationery under the arrow beside New Message button OR, you can leave the box unticked under tools and options, then select your stationery using arrow next to new message every time you do want the banner. If you have problems, you need to check TOOLS, OPTIONS, SEND. The Mail Sending Format must be Html.

Note re email software – if you use Microsoft Outlook as your email software, there is a similar system for setting up a banner. However, there is no option to stop the logo from tiling (repeating down the page) so you will need to follow all the steps above using Outlook Express (most computers have both programs as standard), then open Microsoft Outlook and select the stationery you have saved. These 2 programs share the stationery folder.

Custom Email Banner

If you would like your banner to include website navigation and links, you will need to link to a custom html file which can be created using a website design program. This is basically an email newsletter template so you can go further and include tables, other images, colirs etc if you wish. All links need to be hard coded (ie. include the full web address with http etc in each link). This may be something you need to ask your web designer to supply. It shouldn’t take more than an hour.

Please email me if you need help creating a custom banner for your email.

Other Articles You Might Enjoy

Fotolia

Comments

7 Responses to “DIY Email Banner with Logo”

  1. alan on July 12th, 2008 3:41 am
    alan

    Hi
    I am trying to make a banner that if people click on it, it takes them to a website. I have made a banner, but can’t seem to be able to make it so you can click on it.
    Can you help?
    Many thanks
    Alan

  2. Jo on July 13th, 2008 11:26 pm
    Jo

    As long as you are able to upload your banner to a website, I would create an html email signature instead with html code including the hardlink to your uploaded image and the url you want the image to link to.

    1. Right click on my sample file and save it to your computer, then open and edit using Notepad.
    2. Select the saved html file as your signature in Outlook and make it your default so it shows up on every email.
    3. Download sample code (replace the 2 urls)

    If you don’t have a website, type “free image host” into Google to find a website who will host your image for you.
    You may need to click on far right of image and hit enter before you start typing your email as Outlook tries to put your signature at the bottom.

  3. Brendon Wright on August 6th, 2008 4:48 pm
    Brendon Wright

    The email banner thing works great and all, yet I can’t stop it showing up at the head of a client’s reply to the email.

    Do you know how it could be coded it so it ONLY shows up on outgoing mail, but not on the reply?

  4. Jo on August 6th, 2008 4:54 pm
    Jo

    To stop this happening on your own computer…
    In Outlook Express, go to Tools/Options.
    Click on Send, then untick the box which says Include message in reply.
    Unfortunately this an individual computer setting so wont stop the same thing happening to others replying to your emails.

  5. Adelaide on May 20th, 2009 8:37 pm
    Adelaide

    I followed you instructions above using Outlook Express opened up a new message and it looks great. But when I opened MS Outlook added the banner I keep getting a tiled effect. What have I done?

  6. Jo on May 21st, 2009 9:11 am
    Jo

    When you are setting up in Outlook Express, there is a box to tick that says ‘do not tile’. This needs to be ticked. When you are in MS Outlook, make sure you choose the stationery you have already created in Express as MS Outlook doesn’t have the do not tile option. The 2 share stationery files though so shouldn’t be a problem.

  7. Adelaide on May 21st, 2009 10:55 am
    Adelaide

    Thanks I figured it out. I had to rewrite the code for it and ad a background before it would work in outlook 07. Thanks for the great tips on DIY

Post your questions and feedback below or contact me on Twitter.
To receive an email when I reply to comments or add updates to this post, tick the box at the bottom of this form.