In E-mail Marketing

gmail_logo_nobeta_highresGmail is a great app but until recently it was difficult to add a graphic image to your email signature line. I have updated this post to reflect Google’s added functionality.

  1. Sign in to your Gmail account.
  1. In the upper right hand corner, next to your e-mail address, there is an image of a gear. Click on the gear and choose “Mail Settings” from the drop-down box.
  1. You will see the  “General” Settings page, and two thirds of the way down the page is “Signature”.
  1. Under the option of  “No Signature”, you will see a drop down showing all of the e-mail addresses you have set up to come into your Gmail account. You can create a separate signature for each of these addresses. But for this purpose lets stick to one.
  1. Select the e-mail address and there will be a WYSIWYG ( What You See Is What You Get) edit box. You can simply write the signature as you wish it to appear in the box. You can also include hyperlinks to your website or social media accounts. ( highlight the words to be linked and then click the chain link to bring up the box to type in the URL,  starting with http:// , of where you want the link to take you. And it is done)
  1. To add an image you will see a little photo icon. Select that and a box comes down asking you for the Internet address of the image that you want to insert. That may be a problem for some of you who don’t have your images online anywhere.
  1. There are several ways to get one online. a) You can upload one to your WordPress website and copy the link url from the image uploader area. It is right above the image alignment choices. b) you can use Flickr or Picasso to upload an image and then copy the url of that image when you have the image view open in the program.

These are the  previous instructions as to how we suggested you do this before Google added the ability to have html and images in their e-mails:

If you don’t have a photo already uploaded somewhere online you can use Blank Canvas to add a graphic to your Gmail signature.  Blank Canvas to the rescue. Blank Canvas has a Firefox extension that makes it super duper easy to add graphics to your gmail signature line.

Here’s how:

  • Install the Blank Canvas add on
  • Follow the prompt to restart Firefox
  • From Gmail, compose an email
  • Select the new button,‘Create Signature’ which now appears beside the ‘From:’ fieldcreate-signature
  • At this point, you’ll need an html editor.  Since I use WordPress, I simply created a dummy post in WordPress, then copied the html code from WordPress into gmail. You can also use an online html editor like Red Peach Designs or Real Graphics to generate your html.
  • Paste the html into the ‘Signature Html Code:’ block

paste-sig-html

  • Save

There is a slight problem that may drive you crazy because you may think it is not working. If multiple tabs are open, the signature will not be automatically inserted until you switch to another tab and back to Gmail. And at first I did not think Blank Canvas was working because I did not get the icons to the right of the from button. But I went out and back in and there they were. At New Tricks we think adding a signature to your e-mail is essential for social marketing and now ‘Voilà – you’ve learned a New Trick. So go try it.

Want More Tips? Get Just a Digital Minute !

Be sure to go sign up for our Just a Digital Minute where each week you will get one great easy to do Social Media tip delivered to your e-mail.

Recent Posts
Showing 45 comments
  • Chad
    Reply

    Ok, I have no experience writing html, and your help section seems good, but I still can't get it to work. I have a business card that I have on my facebook page. I used that link within the code dohickeys you showed in your example, but it still doesn't work.

    This is what I am trying to get my signature to look like:

    Chad Diller

    (image)

    Can you help me? My image is found here: http://www.facebook.com/home.php#/photo.php?pid=2

    Thanks!

    • Alex
      Reply

      Right-click on this image. you'll see "copy this image's URL". THAT'S the link you need to use. Just did it:
      http://sphotos-b.xx.fbcdn.net/hphotos-snc6/6412_1

    • Jeffrey Atherton
      Reply

      Do you know how to do this on an android phone?

      • judi knight
        Reply

        If you can get your Gmail on the android then your signature will also be there.

  • sugitha
    Reply

    It looks cool, I am searching for a news for how to add a image in google signature, finally i got here, thank you.

  • Mariel Potter
    Reply

    I use Internet Explorer instead of Firefox so how might I be able to add images to e-mails?

    • Judi
      Reply

      Marial, Please just go ahead and download Firefox. It is free and it is a better browser.

  • Rick
    Reply

    Judi,
    Not everyone has the option to use FireFox. In our State the site that manages all Real Estate information requires that users use the MS IE browser (and not version 8.0). The website is coded that way. So every realtor in our state has to be married to Microsoft Internet Explorer if they want access to all the information and features provided. No Choice! I prefer Google Chrome which I think is a better browser that either IE or FireFox.

  • Subir
    Reply

    It works….Thanks

  • Paymon
    Reply

    Great add-on but it has a problem. If multiple tabs are open, signature will not be automatically inserted until you switch to another tab and back to Gmail.

  • Adrian
    Reply

    Here is a better solution "Gmail signature with embedded image (workaround for "Images are not displayed. Display images below")" http://blog.wedran.com/2010/03/gmail-signature-wi

  • Liam
    Reply

    Hi
    I've been looking everywhere for something like this so thanks a million!

    I was wondering though, do you know if there's a way to get the image to attach to the default signature? In other words, to have it appear each time you compopse a message, rather than having to insert it each time?

    cheers!

  • Par 4 Media
    Reply

    That's sweet. i've been trying to figure out how to do this all day. Thanks for the tutorial.

  • tomhodgins
    Reply

    I think you meant 'Voilà at the end.

    The difference is 'Voilà' means 'see there', where Wallah means 'I swear to God' in arabic.

    slight difference (and arguably both work in this case) – just thought I'd clarify

  • Sarah
    Reply

    hi there. I succeeded in adding the image to our signature, but there is a purple frame around it. How do I get that off? It was not part of the original photo that I uploaded.

  • Kon
    Reply

    Very helpful post on adding picture to Gmail signature.

    Please add a section on how to put picture to the right of the text, pehaps by using HTML code for a table (one row with two columns).

  • Amber
    Reply

    It seems as though gmail is now allowing one to upload an image as part of one's signature (provided that the image is hosted somewhere). I was able to create a "business card" graphic myself and put the link to the image in my signature.

  • Katy
    Reply

    This has been sooo helpful thank you. I almost gave up on using gmail because I didnt think I can do a graphic signiture. This has really solved it.
    PS you can also do this for Chrome, and I didnt have any issues with the glitches you mention

  • ptnguyen111
    Reply

    Thank you very much for your post. I will try it.

    Is the signature be permanent or i have to create it every time composing a message?

    • judi knight
      Reply

      Ptnguyen, The signature is permanent! Isn't that great?

  • doug
    Reply

    I dont use any browser than chrome – if this is a firefox app or ad on – what do I do? I don't want fire fox or IE on my machine but I do want to be able to put my business face book badge as part of my signature in gmail.
    Pls help

  • CardRabbit
    Reply

    I've been using Gmail for a long time now and actually didn't know they had this option. I'll think of something useful to add to my signature. Thanks.

  • Den
    Reply

    Here is another way to do this (working in all browser)

    1. Upload your image to Picasa.
    2. Make the album which is holding the image Public.
    3. Right click on the image and save its URL.
    4. Go to the Gmail Settings > Signature > Click on Add Image button and paste the image URL ( If everything is OK you will see your image ).
    5. Now go back to Picasa and change the Album share options back to private or whatever you want.

    Den

    • robert
      Reply

      not working. I got the URL from Picasa and when I paste it into signature, nothing happens

      • CHEC M8
        Reply

        When you copy the URL from Picasa you have to select the pic icon box. When the pic icon box pops up, paste the url from picasa into the space provided. When this stage is complete, select the link icon and paste the hyperlink into this field.; Leave all of the other fields blank. Once saved, go to compose a test email to self, open the mail and select an icon and it WILL direct you to the hyperlink address..

        Hope this was helpful

    • Mikey
      Reply

      I too struggled with this method. The image is fairly small yet never appeared in the signature box after I clicked Add Image. This is getting frustrating, as I've tried several methods to do something which in the scheme of things should be very simple. Any Plan B suggestions that are easy to follow?
      Thanks!
      Mikey

      • CHEC M8
        Reply

        Hey Mikey, Try following the above instructions. They do work….BTW. If you go to Google images, on the left of the page is an option for you to search a pic, logo, icon per size. I selected my pixel sizes at 40×40. Once you save these upload to your picasa. Right click and select image info. Your pic will already be highlighted…What you will want to do is look for Location which is under that and copy and paste this URL into the signature picture box.

  • Den
    Reply

    Here is another way to do this (working in all browser)

    1. Upload your image to Picasa.
    2. Make the album which is holding the image Public.
    3. Right click on the image and save its URL.
    4. Go to the Gmail Settings > Signature > Click on Add Image button and paste the image URL ( If everything is OK you will see your image ).
    5. Now go back to Picasa and change the Album share options back to private or whatever you want.

    Den

  • jsachs99
    Reply

    That Picasa method worked nicely. THANKS TO ALL!

  • rufus
    Reply

    i'v been using gmail since long but unaware of this signature

  • Pat
    Reply

    Cool!

    I have used Black Canvas to create an awesome image signature for my Gmail accounts.

    Thanks for the tip! 😉

    Pat

  • George
    Reply

    In Gmail's settings, there's an option (in the editor) with an image of a turquoise square – that should bring up a pop up for you to attach an image to the signature. Do you see that option present?

    I would have attached a screenshot but I'm at work, and it'll get a bit too cumbersome.

    It looks something like the image below (not sure if it'll show up though)

    read more on http://www.google.co.in/support/forum/p/gmail/thr

  • Judi
    Reply

    Google now allows you to add an image to their signature but you have to have a url for the photo you want to use. Which means it has to be already uploaded somewhere on the Internet. Den has some instructions above for getting your photo from Picasa.
    My recent post 30 WordPress Plugins You Can Count On

  • Robert
    Reply

    Thanks so much! This worked great. We run a site that markets for Music Conferences and I'm sending out our first batch of emails today!!
    My recent post How To Gain An Unfair Advantage + A Sweet Tip You Can Use Today

  • Isobel Boyes
    Reply

    I uploaded my pic (my co logo) to Picassa, copied the URL, pasted it into the Signature bit when it asked me to. Nothing. No activity, no pic appeared. So what do I do now?!!!! This is the link: https://picasaweb.google.com/10534926704370614914….
    Does it look right???

  • Shiplu
    Reply

    I didn't know Google supports it. Its great.
    Now I can use this http://imgsign.com signature on gmail.

  • ayesha
    Reply

    nice website it help me alot

  • glenn
    Reply

    in creating my signature, it was easy to get the image to appear in my outgoing emails……HOWEVER….I should be able to link this image to a website………..This is not easy………….any ideas???

    Separate question.

    How will I know if this question gets answered? Do I have to keep coming back here to check??? or will it be email to me ???? Thanks

  • @kellywestover_
    Reply

    Perfect. Thank you!

  • Alex
    Reply

    Thank you! Finally got my headshot in my signature!

  • fjr advisors inc san antonio tx
    Reply

    With havin so much content do you ever run into any problems of plagorism or copyright infringement?

    My blog has a lot of unique content I’ve either authored myself or outsourced but it appears a lot of it is popping it up all over the internet without my permission. Do you know any solutions to help protect against content from being stolen? I’d genuinely appreciate it.

  • lluvi
    Reply

    Can you make the image clickable? I am uploading a Facebook icon and would like to redirect people to our org's Facebook page…

  • Chantelle
    Reply

    Hi Judi

    Do you know how to increase the size of a jpeg inserted into a gmail signature?

    My jpeg signature is displaying itself too small, both when I try to set it up in gmail settings and when I try composing an email. Optimally, I would like to match the size of some of the text within the jpeg as closely as possible with that of the emails that I write. In gmail signature settings I have unsuccessfully tried:

    a) size option ‘large’ (jpeg displays too small)
    b) size option ‘large’ after rescaling the jpeg image onto a larger canvas size in photoshop (the result is still too small, actually appears the same size that it did when I tried a)
    c) size option ‘original size’ (jpeg displays far too big)
    d) size option ‘original size’ after rescaling the jpeg image much smaller in photoshop (the result is still far too big, actually appears the same size that it did when I tried c)

    I haven’t been able to find any existing troubleshooting advice for this particular issue on the internet. Do you have any ideas of where I can go from here?

    • Judi Knight
      Reply

      Chantelle, I really don’t know what you are doing. I have to check into this. Judi

Leave a Comment