The popularity of social networks is slowly but surely surpassing 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.
Note: To learn how to create an event-triggering (e.g. a twitter favorite) hyperlink for your email signature, scroll here.
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>
Adding an event-triggering button
NOTE: Changes in social network API may affect the results of the solutions I talk about below.
Most social networks do not let you equip your email signature with buttons that, upon clicking, would automatically follow Facebook pages, like posts, subscribe to YouTube channels, etc.
One exception is the Twitter favorite action, which can be triggered using the following URL pattern:
https://twitter.com/intent/favorite?tweet_id=#ID of a tweet#
To get the ID of your tweet, go to Twitter, find the tweet and click its date:
The tweet ID is the number at the end of the resulting URL, which you should now see in the address bar of your browser:
So, in this example, the resulting URL is:
However, it is also possible to create URLs that open bare-bone landing pages dedicated specifically to sharing and liking posts or following accounts.
Open the example link below to see what they may look like (the link does not trigger an automatic action):
These URLs include:
- Facebook like intent page:
https://www.facebook.com/plugins/like.php?href=#website or facebook page address#
- Facebook share intent page:
https://www.facebook.com/sharer/sharer.php?u=#website or facebook page address#
- Twitter follow profile intent page:
https://twitter.com/intent/user?screen_name=#your Twitter profile name#
- Linkedin share article intent page:
- Google + share content intent page:
- YouTube subscribe to channel intent page:
https://www.youtube.com/channel/#channel name or ID#?sub_confirmation=1
To create buttons using these links apply identical steps as when adding a social media icon.
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.
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.