Basic tips for your email signature in HTML

Let's start from the beginning: How to create a nice email signature in HTML? Why HTML? Because it gives you more options to play around with your design. Remember, all details matter - type, letter spacing, position colours, logo size etc. Simple text editors may occur to be too limiting.

I'd point out a few things:


1. Get some user-friendly HTML email signature generator or just use a build-in editor in your email client. Just forget about Microsoft Word - you won't generate a proper HTML code with a word processor.


2. Inserting pictures use image alt tags to describe them. Remember to use a 72 DPI resolution for your graphics to have a small file size. You can also use URL path to images that you host on your Web.


3.Think of the composition of your emails signature elements. Make it neat and informative. Adding your company logo is a good idea. Decide what is the best location for text - on right, left, top or bottom side of the logo? Then adjust the colour tones - it looks nice if they are similar to the colours of your graphic. Then you format text to emphasise your company name and afterwards you include details that you want a recipient to see first of all. See example below:

4. Also remember to not use scripting in your code (Visual Basic, Java Script etc.) - it's not accepted by the email clients, so your message may be filtered or blocked.

That's a very general instruction. There will be some more detailed tutorials with a ready HTML code for you published soon on this blog. So get ready to make your email branding a powerful marketing tool!

See also:
Exchange email security
Active Directory software