Adding Social Media Icons to your Gmail Signature

We have had so many good questions and posts on our blog about adding social media icons to your Outlook Signature, that we figured we’d create a similar instruction set for Gmail. To add the Twitter and Facebook Icons to your Gmail Signature, follow these instructions:

1. Login to Gmail
2. Next to your email address in the upper right hand corner, click on the Options button, then select Mail Settings
3. On the General Settings tab, scroll down to the signature settings.
4. Type in your name, address and other contact information.
5. To add the Facebook Icon, click on the image button (looks like this Insert Facebook Icon in Google Signature Then copy and paste this image link into the Image URL Field: http://www.snoitulosten.com/wp-content/uploads/2010/01/facebook-small.jpg then click ok
6. Repeat this step for Twitter using this image link: http://www.snoitulosten.com/wp-content/uploads/2010/01/twitter-small.jpg (BTW – here is the link for Linkedin if you want it: http://www.snoitulosten.com/wp-content/uploads/2011/04/linked.jpg )
7. Now that you have the images inserted, you need to hyperlink them. To do this, first click on the image you want to link to highlight it, then click on the hyperlink button (looks like this: create a hyperlink in Gmail Signature
8. After you click on the link, a dialog box will open. Copy and paste your Facebook or Twitter link into the Web Address field, then click ok.
9. Do this for all images in your signature.

Here is the video instruction set if you’d rather see it in person:

Be sure to scroll all the way down to the bottom of the screen and save your changes. Then send yourself a test message (or send me one patrice@netsolutionsna.com) and we can verify that the links go to the right place!

We’ll post more image options in the near future so you can add in YouTube, Linkedin, etc.

63 Responses to “Adding Social Media Icons to your Gmail Signature”

  1. Rob Wagner said:

    Apr 27, 11 at 1:28 PM

    Thanks for the help!!! I will be following your blog from now on. Check ours out for cool marketing ideas. http://www.integratedmedreps.com/blog/

  2. Eliette said:

    Apr 29, 11 at 7:02 AM

    Awesome thank you! It worked great! Any idea how to remove the blue hyperlink line around the Facebook image? You know how when you type down a link it becomes blue? There’s that blue line around the Facebook image.

    Thank you again:)

  3. Sarah said:

    May 11, 11 at 9:39 AM

    That was so easy. Thanks!

  4. Jay@ Sporto Boots said:

    May 13, 11 at 12:58 AM

    Hey this one helped me a lot, quick fix! Thank you!

  5. Brittney said:

    May 13, 11 at 12:49 PM

    Thank you so much. This was the best set of instructions that I’ve found for this. One note, for some reason I could not hyperlink my images in Explorer 8. When I followed the instructions in Firefox, it worked like a dream.

  6. Nuy said:

    May 17, 11 at 7:45 AM

    This is fantastic — thank you so much! Perfectly clear!

  7. Emmanuelle said:

    Aug 04, 11 at 1:37 PM

    Thank you so much!!! Great instructions! Worked perfectly!

  8. Melina said:

    Aug 17, 11 at 8:12 AM

    Hi,
    For some reason when I paste the icon link nothing shows up… I waited a few minutes and still nothing. Did this happen to anyone else?

    Thanks,
    Melina

  9. Darlene said:

    Aug 25, 11 at 2:04 PM

    Melina..the same thing is happening to me. I cut/paste and wait and wait and the icon never appears. I’ve tried to load the icon from several different sights and still the same response=nada.

  10. Darlene said:

    Aug 25, 11 at 2:15 PM

    Melina–as Brittney states above (which I didn’t read at first), when you go into your gmail via firefox it all works like it is supposed to. My IE was not playing nice with others. Firefox solved my problem.

    Thanks Brittney.

  11. John said:

    Aug 27, 11 at 3:31 PM

    I followed the instructions for inserting social media icons into my Gmail signature. But when I click on the icon is doesn’t highlight and I cannot insert the hperlink. What am I doing wrong, it’s simple in the video provided.
    Thanks,

  12. Natalie said:

    Aug 31, 11 at 3:06 PM

    Thanks a lot! I was looking for the instructions for a long time, now finally the button is in the signature, it worked out fine!

  13. Patrice said:

    Sep 02, 11 at 10:53 AM

    John,

    Try using Firefox as your browser, sometimes Internet Explorer doesn’t allow you to insert the hyperlinks.

    Thanks,
    Patrice

  14. Jon said:

    Sep 14, 11 at 8:40 AM

    Insanely helpful, I’ve been looking for matching icons – thanks :)

  15. Britt M said:

    Sep 16, 11 at 11:54 AM

    The image only appears in Firefox, not in Internet Explorer : / Is there any way to correct this?

  16. Brittany said:

    Sep 30, 11 at 9:21 AM

    Thank you so much for this! So easy and so helpful. I appreciate it!

  17. Brittany said:

    Sep 30, 11 at 9:23 AM

    Also, do you guys have an icon for WordPress?

  18. Grace said:

    Sep 30, 11 at 6:03 PM

    Thank you, thank you…worked perfectly!

  19. Francine said:

    Oct 11, 11 at 9:52 AM

    Did anyone figure out how to correct this for internet explorer?

  20. Nancy said:

    Oct 11, 11 at 11:18 AM

    Worked like a charm! Thanks a bunch.

  21. Ruby said:

    Oct 17, 11 at 10:18 PM

    this is great, thank you, worked perfectly (safari)

  22. Sarah said:

    Oct 23, 11 at 12:38 AM

    Wonderful, very easy to follow. Thanks so much will hopefully get more traffic through to our facebook group now!

  23. Darryl said:

    Oct 26, 11 at 7:53 AM

    Do you have a link for YouTube icon?

  24. Deanna said:

    Nov 01, 11 at 7:54 PM

    This is great! Thank you so much!

  25. Jessica said:

    Nov 08, 11 at 1:13 PM

    Thanks for the FireFox tip! I knew I was doing it correct before I found this article, but Internet Explorer would just not work! Thanks ;)

  26. Whitney said:

    Nov 10, 11 at 7:39 AM

    Can you post a url link for YouTube?

  27. CarliAnn said:

    Nov 17, 11 at 10:09 PM

    WOW! You made that SO easy and I have been trying to do that with no success! Thank you so much for the step-by-step breakdown…very helpful for a novice like me!

  28. Gary said:

    Dec 01, 11 at 1:13 PM

    Thanks very much for these links and instructions. Really appreciate it. Been trying to find a workaround to do this for ages. Any chance of a Google+ link when you get a chance?

  29. Lila said:

    Dec 03, 11 at 10:21 PM

    Great! Skype icon?

  30. Shiplu said:

    Dec 08, 11 at 8:55 AM

    To add a few word on this, I’d also say that using the same technique you can add you latest websites updates as a signature. See http://imgsign.com

  31. marci said:

    Dec 13, 11 at 5:54 AM

    Thanks for the FB instructions. Simple to use.
    Do you have a link for YouTube? Also, how do I add my business logo?
    Thanks

  32. Julia said:

    Dec 15, 11 at 11:58 AM

    Thank you very much.
    Where can I find icons for youtube, livejournal?
    Thank you for your help!

  33. Janice said:

    Dec 23, 11 at 7:51 AM

    Will this work on Safari? I haven’t picked up my MacBook Pro yet and was wanting to do this:0)

  34. Keri said:

    Jan 25, 12 at 3:36 PM

    So helpful! I added the FB, twitter and linkedin, but I’m having a really tough time trying to find the code for a WordPress button. Do you have it? Thank you!

  35. Claudia said:

    Feb 01, 12 at 9:03 AM

    This was an AWESOME share!!! Thank you for making it SO easy and SO understandable!! I did this for each of my Gmail “personas” and it is a fabulous result. Thank you, thank you, thank you!
    Claudia

  36. rae said:

    Feb 06, 12 at 11:09 PM

    Do you have a link for Foursquare?

  37. mansoor said:

    May 22, 12 at 10:30 PM

    Thanks a lot man…keep it up updating..

  38. pranash ramanundh said:

    May 23, 12 at 2:21 AM

    Very helpful!
    Thanks guys for this very useful information:) And it was incredibly easy to implement using your directions…

  39. Sera said:

    May 24, 12 at 7:26 PM

    Thank you so much! This was so helpful!

  40. Julie said:

    May 28, 12 at 1:30 PM

    Great post! Thanks so much!!!

  41. Richard said:

    Jun 02, 12 at 6:17 AM

    How easy was that, great instructions.

  42. james said:

    Jun 14, 12 at 4:47 AM

    This was great advice. Really happy that you helped me out. Wondering if you have any advice to do the same for YouTube and Vimeo?

  43. Amanda Pearce said:

    Jun 14, 12 at 8:39 PM

    Thank you so much. Wonderfully easy to understand and worked the first time!!

  44. Todd said:

    Jun 26, 12 at 11:29 AM

    LinkedIn link no worky…

  45. Trisha said:

    Jun 27, 12 at 7:32 AM

    Do you have a youtube link?

  46. Stevie said:

    Jun 29, 12 at 4:58 AM

    Thanks a million!

    Snoitulos Ten should be up for an award. “EASY EXPLANATION”
    I’ve been looking to add Facebook & Twitter icons to my emails for ages,
    found this site and within 2 minutes got them. Thanks again.

  47. Maria said:

    Jul 04, 12 at 6:18 AM

    EXCELLENT
    Thank you for being simple and knowledgeable…

  48. Peter said:

    Jul 06, 12 at 8:18 AM

    Great Instructions it work just fine !!! I done it using Firefox. Although Chrome does seems work too.. Thanks again for the instructions!!

  49. matt ross said:

    Jul 19, 12 at 8:52 AM

    When i goto my google emaill, and get to my signature page, I am only getting a blank signautre box, it does not have any editing tools in it. So i can not add an image or hyperlink.
    Any idea how I can make those edit boxs appear?
    Thanks for your help

  50. Patrice said:

    Jul 19, 12 at 11:39 AM

    Hi Matt,

    Are you using Firefox as your browser, if not, give that a try to see if that helps.

    Thanks!

  51. Jill said:

    Jul 20, 12 at 9:28 AM

    I saw that someone asked a while ago about removing the blue hyperlink line around the image but didn’t see an answer. Is it possible to do this in gmail? Everything else I found talks about changing the html to add style=border: 0 but I don’t see where you can do that within gmail since the image has to be a website URL. I’d love to have these images in my signature but not if they have boxes around them. Any help would be much appreciated!

  52. Christal said:

    Jul 23, 12 at 11:57 AM

    Jill,

    This is the only set of instructions I could find that seems to apply:

    The only work around that I have found for dropping the link border created when you hyperlink an image in the Gmail signature editor uses the Firefox HTML editor plugin Firebug.

    1. Go to gmail settings.
    2. Scroll to sig editor.
    3. Right click on image that is linked that you want to remove the border from and “Inspect Element”
    4. Edit the HTML of the IMG tag.
    5. Add “border=0″
    6. Click save at the bottom of the settings

    Because Firebug is actually changing the code inside the signature WYSIWYG editor, Gmail saves the code you change. Weird, but it works. For now at least.

    I hope this helps!

  53. Shafaqna: Shia International News Association said:

    Jul 29, 12 at 9:28 PM

    Shafaqna: Shia International News Association…

    […]Snoitulos Ten» Blog Archive » Adding Social Media Icons to your Gmail Signature[…]…

  54. sajin said:

    Aug 03, 12 at 2:02 AM

    Thanks….

  55. Lassi said:

    Aug 21, 12 at 11:27 PM

    Just what I was looking for, thanks!

  56. Marlon said:

    Sep 13, 12 at 5:04 PM

    Thanks for the help. Unfortunately, something must have changed with Gmail. It’s no longer possible to open the link window, after highlighting the Facebook icon that I inserted. I’m using Firefox.

    Thanks again,
    Marlon

  57. Jacob said:

    Sep 20, 12 at 10:59 AM

    Hi, thanks for the helpful info. Gmail though is not letting me hyperlink the images for FB and Twitter. Is this a new change for Gmail or am I doing something wrong?

  58. Brian said:

    Sep 27, 12 at 6:37 AM

    Thanks. Needed to use Firefox to click on twitter image to create link as couldn’t do it on Chrome. Worked perfectly. Will use your site again

  59. Scott said:

    Oct 07, 12 at 3:59 PM

    This was the best and easiest explanation I have seen! Thanks so much for posting. Do you have an icon for Google+?

  60. lise said:

    Oct 21, 12 at 11:26 AM

    how do I add a photo to my signature? I want to upload an image from my desktop.

  61. Jenny Rutterford said:

    Oct 25, 12 at 4:02 AM

    Couldn’t get hyperlink to work using chrome, so downloaded Firefox as per your suggestion. Fantastic! It works! Thank you so much for clear instructions for non-techie people

  62. Nick Gross said:

    Nov 09, 12 at 2:20 PM

    Hi – is there an update to the Twitter logo that I can put in my gmail signature ?

    Thanks.

  63. Eva said:

    Nov 18, 12 at 7:30 PM

    Wow – thank you sooo much guys for this ‘quick fix’ after I spent nearly half the morning figuring out how to do it!!!
    How do I put in an envelope for my email address and another symbol for my website? I really like your icon to lead to your website!


Leave a Reply