We sometimes need to include external links in our mail for various purposes. But these external links make the mail a mess and unprofessional. Hyperlinks hide these links under texts or button and make the email looks more professional and neat.
On Gmail, it is easy to insert hyperlinks with text, images, videos, gifs, and documents too. You can either set hyperlinks by using options on the mail editor or edit the webpage’s HTML code by using the developer tools option on your browser.
In this tutorial, we will see how to hyperlink text as a word or a line of text (sentence), images, videos, gifs, and documents in Gmail on both computer and phone.
Use the built-in options to Hyperlink in Gmail (hyperlink text, images, videos, gifs in Gmail)
The Gmail web version has the built-in option to hyperlink text, images, videos, gifs, and documents. Unfortunately, for phones, the Gmail app doesn’t have the feature to insert a hyperlink in the mail to the editor. But that’s not a problem, you can still use hyperlinks in Gmail on your phone, which you’ll learn in this tutorial.
How to hyperlink text in Gmail (as a word or line of text or part of a sentence)
1. Go to Gmail, and sign in to your account.
2. Compose a new mail to open the editor.
3. Click on the Insert link icon down below, or directly press Ctrl+k to open the window Edit Link.
4. In the Web address box type the URL you want to put (e.g. trioguide.com ) and In the Text to display box type the word or a sentence to display the hyperlink as. Click the “Ok” button to complete it.
5. You can also link an entire sentence or a part of the sentence that has already been written. Just select and highlight the part of the sentence you want to hyperlink and click on the same icon shown above. Then follow the same step to complete it.
How to hyperlink images in Gmail
1. Upload an image by clicking on the image icon. If you select the image it won’t show any option to insert a hyperlink or you can’t use any URL on the image yet.
2. Select the image by moving the mouse cursor over the image while pressing and holding the left key of the mouse. It’ll cover the image with a blue background which means the image is selected. Now click on the insert link icon down below.
3. deselect the image and press on the image again, now you can see a link has appeared on the image. So now you can work with this link to hyperlink your targeted link. Click on the Change option beside the default link given below to open the Edit link window like before.
4. Like before, put your URL in the Web address box and press ok. After hyperlinking your image, click on the picture to see the updated URL.
Note: If you use Text to display like how you hyperlinked a text on an image, it won’t work. Only URL will be shown below the image.
How to hyperlink video in Gmail
1. Copy the link of the video from Youtube, or Facebook, etc. paste it into the editor of Gmail.
2. Now select the whole text link and click on the insert icon below to set the URL as a link from only plain text. By default, the link will be the video link of the video. Now use the Change option to open the Edit link window.
3. Put the URL of the video in the Web address bar and in the Text to display box type the word or a sentence to display the hyperlink as. Click the “Ok” button to complete it. It’ll display the text and link the video.
Note: Uploading video from your local hard disk above 25 MB will be uploaded to google drive and a link will be provided on Gmail. If you upload a video of less than 25 MB then you can’t use the option to hyperlink the video.
How to hyperlink GIFs in Gmail
1. Attach a Gif to your Gmail.
2. Select the gif by moving the mouse cursor over the gif while pressing and holding the left key of the mouse. It’ll cover the gif with a blue background which means the gif is selected. Now click on the insert link icon down below.
3. Just like the image, deselect the gif and press on the gif again, now you can see a link has appeared on the gif. So now you can work with this link to hyperlink your targeted link. Click on the Change option beside the default link given below to open the Edit link window like before.
4. Like before, put your URL in the Web address box and press ok. After hyperlinking your gif, click on the gif to see the changed URL.
How to hyperlink in Gmail by using HTML code on the browser’s developer tools
The second way to hyperlink in Gmail is by using the browser’s developer tools to change the HTML code. This is a useful method when you try to use the same URL to hyperlink a lot of pictures in your Gmail. All you need to do is copy-pasting on the HTML editor.
If you’re not familiar with HTML, then you don’t need to worry. Just follow the instructions given below. here, a picture has been used as an example to show how to hyperlink in Gmail by using HTML code but you can follow the same step for hyperlinking text, videos, gifs, etc.
Step by step of using browser’s developer tools to hyperlink in Gmail
1. Attach an image. Right-click on the mouse and click the Inspect option Or simply press the f12 button. It’ll open developer tools on the browser.
2. Select the image on the left and it’ll point out the HTML tag of the image, right-click the mouse and click Edit as HTML.
3. In the HTML editor, before the <img> tag, add <a href = “<your link”>
(e.g.<a href = “trioguide.com“>)
4. Don’t forget to add the closing tag </a> at the end.
5. Close the developer tools viewer and click on the picture to check If the hyperlink works or not.
How to hyperlink in Gmail from a smartphone(Android or iPhone)
Gmail has an excellent app for users to check and compose mail. But unfortunately inserting a hyperlink isn’t yet available on the Gmail app. But that’s not a problem for smartphone users. You can hyperlink in Gmail from both an android phone and an iPhone. follow the steps given below
step by step to hyperlink in Gmail from a smartphone
1. Open the browser app. Login to the google account you wish to use for Gmail.
2. Go to gmail.com and it’ll show you about the app or take to you to the app. If it takes you to the app move backward to come to the browser again and click on the “Use the web version” option. it’ll load the Gmail web version on mobile view.
3. Click on the browser’s menu icon then click on the Dekstop site option.
4. Zoom in and find the red icon to compose an email in the top right corner and click on it. The mail editor will show up zoom in again and click on the Desktop button.
5. After clicking on Desktop it’ll give two options. Click on the Take me to latest Gmail button and it’ll load Gmail as the latest computer version.
6. Now you can use it the same as a computer, Click on the compose icon in the top left corner and open the mail editor in the bottom right corner.
7. Click on the insert link icon and it’ll open the Edit link window same as the computer. Put your URL in the Web address box and add text in the Text to display box. click ok to complete it. Your hyperlink is done.
Conclusion
As you’re aware that hyperlinking is important for making the mail neat and giving a professional look, using it, in general, is a good practice. Here you learned about many types of hyperlinking (text, images, videos, gifs) in two ways on the computer as well as how you can hyperlink on your smartphone.
If you still have any questions regarding the above tricks and tips feel free to ask anything in the comment section.