How to Make an Image Clickable in WordPress (Step by Step)

A clickable image sends visitors to another page when they click it. It is useful for banners, product images, call to action graphics, and affiliate offers. In WordPress, it takes a few seconds and no code.

How to Make an Image Clickable (Block Editor)

1. In the post editor, type /image and press Enter to add an Image block.
2. Click Upload, or choose an image from the Media Library.
3. Select the image, then click the Link icon in the block toolbar.
4. Paste the URL you want the image to open, or search for one of your own posts.
5. To open the link in a new tab, toggle Open in new tab.
6. Press Enter, then Update or Publish your post.

Other Link Options for Images

Click the Link icon and you will see more choices:

• Link to image file: opens the full size image.
• Link to attachment page: opens the image’s own page (most sites leave this off).
• Expand on click: opens the image in a lightbox popup on the same page. Great for screenshots and photos.

Make a Clickable Image in the Sidebar or Footer

Go to Appearance > Widgets (or Appearance > Editor in block themes). Add an Image block to your sidebar or footer, then follow the same steps to add a link.

Tips for Clickable Images

• Add descriptive alt text. Search engines and screen readers use it as the link text. See how to add alt text to WordPress images.
• Make it obvious the image is clickable, for example with a button design or a caption.
• For affiliate or sponsored links, add rel=”sponsored” or rel=”nofollow”. Read how to add nofollow to a link.
• Compress images so they load fast.

Frequently Asked Questions

How do I link an image in WordPress?

Select the Image block, click the Link icon in the toolbar, paste the URL, and press Enter.

How do I make an image open in a new tab?

After adding the link, toggle Open in new tab in the link settings.

Can I link an image to a PDF or file?

Yes. Upload the file to your Media Library, copy its URL, and use it as the image link.

How do I remove a link from an image?

Select the image, click the Link icon, and choose Remove link (the unlink icon).