<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1822615684631785&amp;ev=PageView&amp;noscript=1"/>

How to add a link to an image in Gmail

Here’s a useful Gmail trick to spruce up your emails: using images as links. This way, recipients can click on the image directly, whether it has words or not.

For example, let’s say you’re putting together an email and want to use this coupon image as a hyperlink:

Our clickable in-email coupon.
Our clickable in-email coupon.

There are two methods I’ll demonstrate below, an easy layman’s approach and the programmer’s approach.

The easy way to hyperlink an image

Here’s how you can easily make an image a link:

1. Place the image into your Gmail email as you normally would.

2. Then select the image. You can do this by clicking and holding to the right of it, then dragging the cursor left until the image turns blue. When the image is blue, this indicates it has been selected. Do not merely click on the image to select it. That won’t work. You have to drag your mouse across it to select it.

Dragging the cursor left to highlight the image.

3. Click the link icon at the bottom of the Compose window. A small window will appear under the image showing you the option to change or remove the link. Click “change.”

Selecting the web link you want for this image.
Selecting the web link you want for this image.

4. Enter the web address to which you want the image to link. 

Entering the web address.

5. Then click the OK button.

It’s a must to confirm that you have linked the image to where you intended it to link. This is important because it’s easy to create a new link rather than link the image, because sometimes the image looks like it’s selected when it’s not. To confirm that you’ve linked the image correctly, just click on the image, and then the URL will show with the “change” option. You should see the web address to which you want the image to link displayed under the image after the words “Go to link.” If it is incorrect, simply repeat the steps above, making sure you have definitely selected the image this time.

Checking that the link is correct by clicking on the image.

The programmer’s way


If you’re a programmer and you know HTML, you can probably shave a few seconds off the process here. But you have to be comfortable using Chrome’s Developer Tools and adding an “a href” tag to add the hyperlink to the image.

1. Inspect the image to launch Chrome’s Developer Tools.

2. Bring up the HTML for the image.

 

3. Choose the option to edit the HTML and add the “a href” tag.

4. Don’t forget to add the closing “a” tag:

5. Exit and the link has been created.

And finally, test the link by single-clicking the image:

Conclusion

That’s all there is to it! When your recipients click on the coupon, it will open a new tab with the location to which you linked. Of course, now you can send out your coupon offer to all your customers, by using a Google Sheets spreadsheet along with GMass.

See why 99% of users say they’ve had their best deliverability ever with GMass


Email marketing, cold email, and mail merge all in one tool — that works inside Gmail


TRY GMASS FOR FREE

Download Chrome extension - 30 second install!
No credit card required
Love what you're reading? Get the latest email strategy and tips & stay in touch.
   


80 Comments
  1. At this moment I am going to do my breakfast, once having my breakfast coming over again to read more news.

    1. Hi Ankit,

      Could you send us a screenshot of your draft? Please contact our support team through http://gmass.co/g/support

    1. Hi Randy,

      If you’re referring to a link to send an email instead of forwarding to a url, you can use the following

      [a href="mailto:[email protected]" rel="nofollow"]Email Me[/a]

      Replace “[” or “]” with < and >

  2. Hi Ben,

    I also struggled to link the image. You have to highlight the image in the click and drag manner. What you are probably doing wrong is clicking on the image (so that the border appears) and then expecting the link to work. When you do it that way, the link appears next to the image instead of making the image an active hyperlink.

    Try highlighting the image as you would with regular text. That should do the trick.

    1. Flipping brilliant!!! The author needs to include this in their article as it appears the only want to get this work work.

  3. I use this feature many times per day and I find myself repeating very often. Is there a way to make it so when you are in gmail and type a certain thing, that gmail immediately automatically makes it a hyperlink? like can I create a list of key phrases that it will recognize automatically do that?

    1. Although, currently you cannot do so in Gmail. But there is a similar service of Gmail which is called Smart Compose.

      This allows you to use some predefined predictive texts. While writing, gmail suggests some phrases and words to write with a tab.

      Also, if you can use 3rd party add-ons for gmail, if you find any service similar to this.

  4. I created an email with an image and added the link as described above however when I tested the email the image was no longer displayed. The sent/ received email does not display the image and leaves a placeholder with the image name which if clicked does direct to the website I linked but the image is gone. Please help!

    1. Hi John same exact issue! In the draft email it looks and works fine, then after being sent all is gone. Seems like gmail cracking down on spam images? If you happen to find a solution and vice versa, lemme know: [email protected]

  5. Thanks for this, but it doesn’t work anymore! On the draft email it looks fine, but after sending it to myself the image turns into a blank outlined square that says imagename.png and no link. Even after following all the steps, including dragging to select.

    1. Hi Max,

      Please contact our support team at https://www.gmass.co/blog/how-to-get-support-from-the-gmass-team/

  6. I’m having the same issue – I am not able to highlight the picture and add a link as I used to. I click the hyperlink button and nothing happen.

    1. Hi Amanda,

      Please contact our support team at https://www.gmass.co/blog/how-to-get-support-from-the-gmass-team/

  7. I cannot make a link to an image.
    When I highlight the image, the link icon at the bottom of the Compose window does not offer an input!

  8. Hi Marvin,
    Thank you for writing this article!

    Can I put a link to a song saved on our server? will it work? What will be the syntax for that?

    Thank you in advance for your help.

  9. have the same problem with image links created in gmail, seems image and link Blue Text arrives when sent to a smartphone instead of clickable “image only” link. works perfect when sent to a desktop/laptop. does the smartphone separate the blue text from the image in transit and send both???, when only the image should arrive??

  10. Thanks man. It’s a little tricky. They could have made this easier to do. Your post was very helpful.

    1. Hi,

      You would need to add an image of a button that is hyperlinked to the URL as a workaround.

  11. Is there a way to add an anchor image link that is all different from each other? This technique seems like it only works with 1 image + 1 link.

  12. Thanks for sharing, although it doesnt seem to work without any text. any way to add a link to an image without text?

    Thanks

    1. Hi Silver,

      It should work even without text. If you add your image then highlight just the image, you should be able to click the add link icon which would allow you to add a URL to link the entire image to.

  13. Hi,

    I am struggling to ad the URL .its NOT GIVING ME YOUR OPTIONS AT THE TOP AND IF I DO WITH THE OPTIONS AT THE BOTTOM ITS ALSO NOT ALLOWING ME …Please help

  14. Is there a way to upload customized multiple images? Like one email with one image and another one with a different image.

  15. This does not work for me, everytime I add the url as hyperlink to image it just adds the URL.

  16. **WORKING NOVEMBER 2019**

    1.Paste image into google docs
    2.Highlight photo
    3.Instert > [LINK]
    4.Insert the link you want
    5.Copy
    6.Paste into email

    All Set

  17. Adding hyperlinks is an efficient way of getting your reader to the intended web page. Though it’s no secret that you can add hyperlinks to text, Gmail also lets you add hyperlinks to images in the body of the email. Here s how to make it happen. We’ll assume that you’re already in your Gmail account. If not, go ahead and get there. When you’re ready, select the “Compose” button which can be found at the top-left corner.

  18. I’ve been trying to add a hyperlinked image in E-mail signature but it doesnt seem to work.

    Image shows up. Ive uploaded directly and selected the image (making it blue) to add the hyperlink and it shows up with the option to “change/remove” but when I send test e-mails and click on the signature it pops up as the image itself like it would in google drive available for download.

    I’ve also tried hosting the image on imgbb and using html to link to the website. The image shows up but nothing happens when I click on the image. Any thoughts on what I might be doing wrong?

    Thanks

  19. Not only was this informative in helping me learn how to add links to images in Gmail I am also impressed that the author actually reads these comments and responds back to them with help. It’s so rare to see that these days on websites like this so I thought I’d comment on it… Right on!

  20. Hi,
    How can I include a (small like a flyer )video in my email and How to add a link to an video in Gmail

    Thanks a lot for your answer.

    Regards

  21. how do i do this if i want to send an image link in Google Groups, i.e sending the mail to many people at once?

  22. At first, I couldn’t get it to work but the trick is to highlight the image to turn blue by dragging it over the image (which he says), where you see the image link underneath it (rather than just clicking the image) where it says “Go to Link” . Once you click where it says “CHANGE”, it opens up, so you have to delete the image link and replace it with the web link you want to link it with. He actually mentions that but he doesn’t emphasizes it. If you don’t follow through on one important step, it doesn’t work in most cases. I kept wondering why I couldn’t get it to work. Then finally it dawned on me. Follow his exact directions and it works.

  23. Having read this I believed it was rather informative. I appreciate you finding the time and energy to put this informative article together. I once again find myself personally spending a lot of time both reading and leaving comments. But so what, it was still worth it!

  24. This is great! I’m a graphic artist and after designing an ad for him, I created the email with the image as a hyperlink. Works great, but how does he pass it on to his customers? When he forwards my email the hyperlink is lost.

    1. Hi Civi,

      The link should still work even when forwarded. However, if you’re using GMass and you have click tracking enabled, any clicks on that specific link (let’s say for [email protected]) and he forwards it to me, then when I click on the link, it would be reported as if the click originated from [email protected]

      If you could contact our support team (gmass.co/g/support) and include screenshots of what the email URL sent looks like originally and after when it’s forwarded so we can investigate.

    1. Hi Civi,

      The link should still work even when forwarded. However, if you’re using GMass and you have click tracking enabled, any clicks on that specific link (let’s say for [email protected]) and he forwards it to me, then when I click on the link, it would be reported as if the click originated from [email protected]

      If you could contact our support team (gmass.co/g/support) and include screenshots of what the email URL sent looks like originally and after when it’s forwarded so we can investigate.

  25. When people open my email and see the picture, I want the picture to direct them to a video I have saved in Google Drive. Everything worked. However, when I sent the email to myself to test it out, I noticed that the video attachment is also on the very bottom of the email. Is there anyway to remove that?

  26. Adding hyperlinks is an efficient way of getting your reader to the intended web page. Though it’s no secret that you can add hyperlinks to text, Gmail also lets you add hyperlinks to images in the body of the email. Here s how to make it happen.

Leave a Reply to retailmenot Cancel reply

Your email address will not be published. Required fields are marked *

Find out why GMass is the most popular Gmail mail merge tool in the world

Easy to learn. Easy to use. Packed with time saving, email enhancing features.

Try GMass for free Then check out the quickstart guide to send your first mail merge email in minutes!

GMass

Share This