How To Add Social Media Buttons To Your Email Signature

One way to drive more traffic to your blog and stay connected to your readers is to provide multiple opportunities for them to follow you. Most bloggers have social media buttons on their blog. But do you also have them in your email address?

Whether you are soliciting advertisers, conversing with other bloggers, or responding to a comment on your blog, providing multiple ways for readers to connect will help expand your reach and drive more traffic to your blog.

In a few easy steps, you can beef up you email signature to include links to all of your social media profiles

STEP 1. Download Social Media Icons

The first thing I did was download all of the social media buttons and save them in a folder on my desktop. You can find downloadable icons here. Choose the icon you want to download in the size you want to add to your signature. I chose 24 pixels.

STEP 2. Upload Social Media Icons to Media Library

Once you’ve downloaded the social media buttons and saved them on your desktop, you’ll need to upload them to your media library on your blog. I use WordPress, so your “media library” may be slightly different if you use Blogger or Typepad. You you just need to add images to your blog so that the images will have their own URL.


STEP 3. Insert Images into Email Signature

Now that you have the buttons/icon in your blog media libraary, you are ready to upload them to your email signature. I use gmail so I would open my gmail account and go to settings in the far right of the screen which is under the sprocket symbol (see below). Select settings.



Scroll down about midway of your screen to find the email signature section. Click on the Insert Image icon.


From here, you will need to go to your media library within WordPress, or whatever blog platform you use, and copy the URL for that image.



Once you’ve copied the image URL, paste it into Image URL field and click OK. You should now see the a social media icon in your email signature.

STEP 4. Link Social Media Icons In Email Signature To Your Social Media Profiles

Now that you have the images in your email signature, it’s time to link them to your social media profiles. Click on the link icon within your email signature. This should open a window that allows you to link the image to a specific site.



Now, go to your social media profile that you will be linking to. This is not just the home page of Twitter or Facebook, it should be your specific profile page. In the example below I am copying my Twitter profile URL.



Once you’ve copied the link, go back to your email settings and past the link into the web address field and click ok.



You’ll need to repeat these steps for each social media icon you add. Once you’re done, your siganture should look similar to mine.



Now, anyone that I email can connect directly to my blog, Facebook, Twitter, Google+, and Pinterest accounts. It provides an easy way for them to connect, learn more about you, and build your following.


Hope this helps!


Linking to:
Weekend Bloggy Reading

Share this article

5 Responses to How To Add Social Media Buttons To Your Email Signature
  1. Rebecca
    May 11, 2012 |

    Good tutorial and a reminder to give my audience multiple options to connect with me.

  2. Tiffany
    October 10, 2012 |

    Great article- So helpful! Thanks a ton!!

  3. Julia
    December 12, 2012 |

    Hello Crystal,

    Thanks for your post. All steps seem very obvious, except one – I can’t link the link to image. On your screenshot “hyperlink1″ you somehow chose the image, when I click on image it’s just says: Small, Medium, Large…” but it doesn’t select it. Any thoughts?

    Thanks in advance!

    • Raul
      January 4, 2013 |

      I’m having the same problem. I cannot select the icon.


      Please help!

  4. Brandy Anderson
    February 25, 2013 |

    Awesome, this is exactly what I needed! I appreciate that you added images of the icons in different sizes, so I could compare & determine quickly what I want to use. Thanks!

Leave a Reply

Wanting to leave an <em>phasis on your comment?

Trackback URL