If you have a product to sell – if you are a performer or an artist – or if you just want to find more clients then a custom e-mail signature can help grow your business.  An e-mail signature is a stylish, effective and non-intrusive way to announce to the world (or at least the people you communicate with via e-mail) an abbreviated bit of your business story.

If you enjoy the do-it-yourself approach to marketing and technical ‘computery’ stuff doesn’t send you screaming for the hills, this article will show you the steps necessary to add flair to your online communications.

Disclaimer: I am not a programmer or an HTML expert. The information below was obtained through trial and error. The steps are for the e-mail program on your home computer. (Many of them will apply if you wish to customize the signature on your smartphone or cloud based e-mail program such as gmail or yahoo, but every platform has its differences and particularities.)

sample sig

html code only

1. Seeing the code. Once you learn what goes where, you can do a search for other types of HTML code that will do even fancier things. The graphic above shows a sample custom e-mail signature along with the code that is used to generate it. The first line of the signature “Samantha B. Jones” in the purple box, corresponds with the first line of HTML code. In the HTML purple box, notice that <b> means ‘bold,’ <font size=”4″> is the size of the font, and <face=”Times New Roman,” is the font type.

2. Basic Design. Simple is always a good rule of thumb. Think about the most effective e-mail signatures that you have received. Which ones invited you to click further to learn more and which ones turned you off?

alternate design

3. Write the Code.  Here is the code for the design above. Copy it and begin to play around with it. *The items that I highlighted in green are areas where you can customize it and where you need to provide links to online images or your websites.

<img src=”http://www.link to online image“>
<font size=”4” face=”Arial Black” color=”maroon“>My Awesome Company Name</b></font><font size=”1“face=”arial“><a href=”http://www.link to website“> visit my website </a>
<BR><font size=”1” face=”Lucida Console“>Subtext #1|Subtext #2|Subtext #3 <BR><p>
Express yourself here<BR>
<i><b>italic bold text here</i></b>

(I included Arial Black and Lucida Console as these are other fonts that are generally recognized by ‘most’ electronic devices.)

4. Test the Code. Copy and paste your code into an HTML viewer to see if it works.

This is the one I use – http://htmledit.squarefree.com/

html editor

Another option is to insert the code into your e-mail program, then send yourself multiple e-mails until you have it just right.

5. Insert the HTML code into your e-mail program.

The screen capture image shows Thunderbird e-mail, but the names and steps for other e-mail programs should be ‘roughly’ similar.

In Thunderbird, go to “Tools” > “Account Settings,” then insert your code in the ‘Signature text’ box. Once you click on ‘Save,’ you can write a new e-mail and send it to yourself to test any links or images that you’ve included.

Thunderbird tools

For Outlook, go to “Tools”> “Options”> “Mail Format” > “Signatures

There you have it – the basic steps to begin creating an enticing e-mail signature.

___________________________________________________________________

Additional Articles & Resources

http://www.emailsignature.com/cloud

http://www.digitechbranding.com/pages/email-signature-HTML-programming.html

http://smallbusiness.chron.com/corporate-email-signature-guidelines-10520.html

http://www.xink.io/news/email-signature-format-101-dos-donts/

http://www.xink.io/news/email-signature-format-101-dos-donts/

http://www.smashingmagazine.com/2010/02/04/the-art-and-science-of-the-email-signature/

https://support.office.com/en-us/article/Add-Facebook-and-Twitter-icons-to-your-email-signature-7b9fc0f6-1c25-45cc-8eae-dab15b78cf08?CorrelationId=d7474074-b1b6-45cc-a0b5-67804a173033&ui=en-US&rs=en-US&ad=US

Search YouTube for “How to create an e-mail signature in YOUR PROGRAM”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s