+3 votes
291 views
How to insert hyperlink link in Gmail image

in Internet by (552k points)
reopened | 291 views

1 Answer

+4 votes
Best answer

1. Insert hyperlink in image with drag and drop in Gmail
2. Insert hyperlink into an image using Drive from Gmail

Gmail is the email platform developed by Google in which we find numerous functions and configuration options thanks to which it will be possible to customize both the environment and the features of Gmail according to our taste . This email platform allows us to send and receive emails although in this process we can find more or less complex features..

One of the tasks that Gmail allows us to do which has the mission of creating a more active interaction between the user and some object to which to add hyperlinks. We know that a hyperlink is an internal link that can redirect us, when we click on it, to a website, another place in the document or an email address.

In addition, to add more professionalism to our emails generated in Gmail, we can insert a hyperlink in some image that we add within the mail field. This allows us to click on the image to go to the desired website . TechnoWikis will explain through this tutorial how we can insert a hyperlink into an image in Gmail. The first step we must take is to go to the following link and log in with our Gmail account:

Gmail

To perform this task we have some options that we will analyze in detail..

To keep up, remember to subscribe to our YouTube channel! SUBSCRIBE


1. Insert hyperlink in image with drag and drop in Gmail

Step 1

For this option, we proceed to create a new email by clicking on the “Compose” button and then add recipient, subject and body of the message, after this, we click on the “Insert photo” button located at the bottom of the email to be written :

image

Step 2

The following window will be displayed: image
Step 3

There we can directly drag the image or click on the "Choose photos to upload" button which allows us to search the image manually. Once we use the desired method, the image will automatically be inserted into the body of the written message: image
Step 4

If we click on the image, a series of options will be displayed regarding the appearance of the image:

image

Step 5

We proceed to select the image by clicking on the right side of the image and using the Shift key and the arrow keypad select the image until it looks blue:

image

.

Step 6

Once the image is selected, we will click on the “Insert hyperlink” icon, or we can use the following keys, located at the bottom:

+ K Ctrl + K

image

Step 7

By clicking on this button we will configure the following:
  • First, we can customize the text that will be displayed when you hover over the selected image.
  • We can define whether the hyperlink will be to a website or to an email address.
  • We add the desired URL or email address as appropriate.

image

Note
We can click on the “Test this link” line to validate that the link works correctly.
Step 8

Click on "Accept" to save the changes, if we click on the image we can see at the bottom of this the respective link that we have defined:

image

Step 9

We proceed to send the email to the recipient. Now, when the recipient receives the mail you will see the following: image
Step 10

There you must simply click on the image to be redirected to the link specified above: image

2. Insert hyperlink into an image using Drive from Gmail

Step 1

This method applies when it is not possible to insert an image using the previous method, first, we proceed to write the email indicating the recipient, subject and body of the message:

image

Step 2

The next step is to configure the link to an image publicly, for this we click on the general Google menu and select Drive:

image

Step 3

In the displayed window we click on the "New" button and select the "Folder" option:

image

Step 4

We assign a name to the new folder:

image

Step 5

Click on "Create" to continue the process, and now we will right click on the new folder and select the "Share" option:

image

Step 6

In the displayed window we click on the “Advanced configuration” line:

image

Step 7

There we will see the following: image
Step 8

As we see, only our account has the permissions of that folder. There we click on the “Change” line and in the new options displayed we select the option “Activated: any user with the link”: image
Step 9

Click on "Save" to apply the changes and check that they have been applied: image
Step 10

We click on the "Ready" button to exit the wizard. Next, we access the folder, right click somewhere free and select the option “Upload files”:

image

Step 11

In the displayed window we select the image to upload. Click on "Open" to complete the process and load this image into Drive: image
Step 12

Now we will right click on the image to share and select the option "Get link to share":

image

Step 13

When doing this we will see the link created by Drive:

image

Step 14

The link is automatically copied to the clipboard and we can paste it into a new window to validate that it really associates the selected image:

image

Step 15

It is recommended to open this link in Firefox to see the image URL, for this we right click on it and select “View image”: image
Step 15

When doing this we will see that a new URL associated with the image is created:

image

Step 16

We copy the URL of this image and now we are going to create a simple HTML page, for this we go to the desktop and select the option “New / Text document”: image
Step 17

There we assign a name to this file and proceed to its opening, in the document we enter the following:
 <a href="https://www.solvetic.com"> ... <br> <img src = "https://lh4.googleusercontent.com/dkDfbnzJejUxMpE4a4ffVBa2z2obSjPZzp9S_-1HRub1tK01khoPT30ehYKYE7WlTla0wljn7hEgfA=w1656-h886" / </a> 
Step 18

There the following has been specified:
  • URL to which the hyperlink will redirect
  • Link of the image created in Drive

image

Step 19

We proceed to save the changes and we must remember that the extension of this file should be.html, then we will close the notebook. Next, we will copy and paste the HTML file into the email to be created, for this we right click on the HTML file on the desktop and select the option “Open with” and select the browser to use: image
Step 20

We can see that the image is displayed correctly:

image

Step 21

We right click on the image and select the “Copy image” option: image
Step 22

With the copied image we go to the mail and there we paste it:

image

Step 23

We proceed to send the email and the recipient will receive the following:

image

Step 24

There you can click on the image to be redirected to the website specified in the HTML file:

image

In this way we have learned to insert a hyperlink in an image for all emails in Gmail.


by (3.5m points)
edited

Related questions

+3 votes
1 answer
asked Jul 7, 2020 in Office by backtothefuture (552k points) | 448 views
+5 votes
1 answer
asked Nov 20, 2020 in Help by backtothefuture (552k points) | 253 views
+5 votes
1 answer
asked Jun 3, 2022 in TikTok by backtothefuture (552k points) | 103 views
+3 votes
1 answer
asked Sep 19, 2019 in Office by backtothefuture (552k points) | 455 views
+5 votes
1 answer
asked Dec 26, 2021 in Apps / software by backtothefuture (552k points) | 101 views
Sponsored articles cost $40 per post. You can contact us via Feedback

Most popular questions within the last 30 days

10,659 questions
10,791 answers
510 comments
3 users