This post may contain affiliate links. Please read my disclosure for more info.
Add Links to WordPress Pages and Posts
Add links 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.
Add 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:
1. Do you have a destination where the user will be taken once the link is clicked
Copy the destination’s link
Edit your page and single click your image
Click the paperclip icon (1) to add a link to the image
Insert/Paste the link into the box (2)
Click the Enter button (3)
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.
Add 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.
Download and Activate Pretty Links
Click the Pretty Links icon in the left navigation panel
Click the Add Pretty Link button
Update the following fields:
I like to add permanent links so I always use the 301 Permanent Redirection option
Enter your Target URL…type or paste the link that is the destination where to send your reader
Add a descriptor for your pretty linkLet’s assume I want to send someone to where a candle is being sold and the affiliate link looks horrible. What I would do is add CANDLE to the descriptor field so now my pretty link will look like this: http://fidelitysquare.com/CANDLE
I give my link a title
Click the Create button
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.
Add a link 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
Click the Media>Library link in the left navigation panel to open your Media Library
This is library of files that you have uploaded to your website (images, documents, pdf, etc…)
Click on a specific image from the library
Copy the URL of the image
This allows you to copy the image’s file location. Now we will go to the Widgets and add the file to one of our widgets.
Click the Widgets link under the Appearance heading in the left navigation panel
Add a Text widget to your Sidebar
Open the Text Widget and click the Text tab
Add the following and then click the Save link
<img src=”The Link To Your Image File”>
Now let’s take it a step further an add a link to the image.
Make a copy of your Pretty Link
Open the Widget and click the Text tab
Let’s Assume our pretty link is the same as beforehttp://fidelitysquare.com/CANDLE
What we want to do is wrap our pretty link around it
Enter this code:<a href=”http://fidelitysquare.com/CANDLE”>
Then we insert our image code from before<a href=”http://fidelitysquare.com/CANDLE”><img src=”https://fidelitysquare.com/wp-content/uploads/2018/01/winners.jpg” />
Then we add a closing to the link
I will also add some text like Click Here Now!!<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!!”.
Happily married, father of six, living in Mobile, Alabama. I build websites because I enjoy doing it, I enjoy being able to help small businesses, and I like the challenge. Contrary to popular belief, I am not getting wealthy from this. I do this business as a hobby, as a service, and to make a little bit of golf money.
I am a certified teacher, project manager, training manager, technology instructor, husband, father, brother, friend, a Baptist deacon, and most importantly--a Christian.