The popularity of social networks is slowly but surely surpasing old-school means of communication. As a result, it is becoming quite normal to have your own or your company’s email signature contain not only a name, phone number, email address and website, but also links to Facebook, Twitter, Linkedin and other social media profiles.
It is easy to just add a hyperlink to your signature, but a button with the logo of a specific social network looks more professional. To add such a button you need to follow these steps.
1. Find an icon of the social network.
You can perform a Google Images search for Facebook, Twitter, etc. icons and then download them to your computer. Alternatively, if you have a graphic designer in your company, you can ask them to create an icon that suits your needs.
You can also download (or copy the image URL of) one or more of these icons and use them in your signature:
2. Insert the icon in your signature.
Once you have the social media icon/button, you have to insert it in your signature in a desired spot (usually it would be located below all your contact information, but you are free to put it anywhere else).
To do this, you will need to open your email signature editor. Click the email client or email system you are using to get the instructions:
- Exchange Server 2013
- Office 365
- Exchange Server 2010
- Google Apps for Business
- Outlook 2010 / Outlook 2013
If your system includes a WYSIWYG HTML editor (like in Outlook, Google Apps for Business or Gmail), you will be able to use an Insert picture button to insert the social media icon image.
In cases where only plain HTML code is accepted (Exchange Server, Office 365, etc.), you will have to use the IMG HTML tag pointing to the web location of the image. Here is an example of what it could look like:
3. Add a hyperlink to your social media profile
The last thing is to make your button work. To do so, you need to add a hyperlink to your social media profile page.
If you are working with a WYSIWYG HTML editor, it’s very easy. Just select your image by clicking on it, then click an Add a hyperlink button in the editor’s top menu and enter the URL (hyperlink) leading to your profile’s website. Remember that the hyperlink should be the profile’s complete URL (e.g.: http://www.facebook.com/CodeTwo or http://twitter.com/CodeTwoSoftware).
When editing raw HTML code of the signature, you have to first locate the image code (see the previous step to learn what it looks like). To add a link to it, you need to insert the <a href=…></a> tags around the code of your image. The result should be similar to the following:
<a href="http://www.facebook.com/CodeTwo"><img src="https://www.mail-signatures.com/articles/wp-content/themes/emailsignatures/images/facebook-35x35.gif"></a>
That’s it, you have now a working, clickable button in your signature that leads directly to your social media profile. Now repeat the procedure for all the social media you want to include in your email signature and you’re set.
You can find more, ready to be used signatures on this website. Click the following link to browse and ownload free signature templates available in our gallery.
If you want to add social media buttons to Exchange (2013, 2010, as well as 2007 and 2003!) or Office 365 email signatures using a WYSIWYG HTML editor, check out our central email signature management software.