<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 that can enliven your emails: using images as links. This way, recipients can click on the image directly–whether it has words as part of it or not.

For example, if you’re putting together a quick email but want to use this coupon image as a link:

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

Here’s how you can quickly make it a link:

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

    Gmail compose window with our 20% off coupon linked image included inline.
    Gmail compose window with our 20% off coupon linked image included inline.
  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.

    Now the coupon image is selected. Ready to click the link icon.
    Now the coupon image is selected. Ready to click the link icon.
  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 you want the image to link to.

    Showing popup from Gmail requesting input for the link address.
    Paste in your link address at this point.
  5. Then click the OK button.
  6. It’s a must to confirm that you have linked the image to where you intended to link to. 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 you want the image to link to displayed under the image after the words “Go to link”. If it is incorrect, just repeat the steps above, making sure you have definitely selected the image this time.

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

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

50 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:sampleemail@yourdomain.com" 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.

  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!

  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.

  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.

  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.

  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. **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

Leave a Reply

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

Try GMass today

It only takes 30 seconds to install it!

Install Now GMass requires Chrome
Share This