Adding Hyperlinks to Images on WordPress Pages and Posts
So let’s assume you just created a new blog post and you have added an image. This may be a post where you are wanting the user to click the image in order to view a product on another website that you want them to buy (affiliate marketing) or it may just be a link to a different page on your site or another website. There is a way to add links to your images that is correct and then there are ways to add images to your images that is not correct. We will discuss both.
Adding naked links to images
We will demonstrate how add a link to an image even though the link may look quite strange (see also spammy or scammy). This is very easy to do. Here’s how:
Instead of clicking the Enter button, click the Link Options button instead. This open the Edit Link dialogue box. I simply recommend checking the box to “Open link in a new tab”. This way the user doesn’t leave your site. Be sure to click the Update button.
For a number of links this is a perfectly fine way to add links, but if you are adding a link to an affiliate product this isn’t good. The link will definitely look a LOT different.
In the example, see how it looks kind of weird. This may scare your potential customer away. To be honest, this link doesn’t look as scary as a number of other affiliate links I have seen.
Adding Safer Looking Links to Images
I highly recommend the use of Pretty Links on WordPress. It is a plugin that you download and activate. Once active you can easily take your affiliate links or whatever links you have to other locations and turn them into much friendlier links and links that are easier to remember.
Now that you have your link, follow the same instructions for adding a link to your image as described at the beginning of this post. Just insert your pretty link instead of the other link.
That’s it. Very Simple! Just the way I like it.
Adding a Hyperlink to an Image in the Sidebar Widgets
In a previous post, I demonstrated how to add in image to your Sidebar Widgets. Now I am going to show you how to add a hyperlink to that image.
First let’s review:
Add an Image into a Widget
This is library of files that you have uploaded to your website (images, documents, pdf, etc…)
This allows you to copy the images file location. Now we will go to the Widgets and add the file to one of our widgets.
<img src=”The Link To Your File”>
Now let’s take it a step further an add a link to the image.
<a href=”http://fidelitysquare.com/CANDLE”><img src=”https://fidelitysquare.com/wp-content/uploads/2018/01/winners.jpg” />
<a href=”http://fidelitysquare.com/CANDLE”><img src=”https://fidelitysquare.com/wp-content/uploads/2018/01/winners.jpg” /> Click Here Now!!</a>
This is the finished product:
This is now a hyperlinked image on our sidebar and will take the reader/viewer to where you want them to go if they click the image or the text that says, “Click Here Now!!”.
I hope this was helpful.