How to Add a Hyperlink to an Image in WordPress

A linked image turns a static visual into a navigation tool. Instead of asking visitors to read a text link or button, you can let them click a product photo, banner, logo, or callout image and move directly to the page you want them to see.

For business websites, this is especially useful. A clickable image can point people to a service page, contact form, pricing page, blog post, or signup flow. When used well, it improves usability, supports conversions, and keeps important pages easy to find.

Why link an image?

Adding a hyperlink to an image is useful in many common website layouts:

• Hero banners that lead to a featured offer
• Service cards that open detailed pages
• Logos that return users to the homepage
• Product photos that lead to product detail pages
• Promotional graphics that send visitors to a campaign landing page
• Call-to-action sections that need a visual click target

Clickable images can make a page easier to scan, especially on mobile devices where visual cues often work better than small text links.

Before you start

Make sure you already have:

• A published or draft WordPress page or post
• The image uploaded to the Media Library or ready to insert
• The destination URL you want the image to open

If you are linking to an internal page, copy the page URL first. If you are linking to an external site, confirm that the destination is trustworthy and relevant.

How to add a hyperlink to an image in the WordPress block editor

Most modern WordPress sites use the Block Editor, also known as Gutenberg. The process is straightforward.

1. Open the page or post

From your WordPress dashboard, go to the page or post where you want the image link to appear.

2. Insert or select the image block

If the image is not already on the page:

• Click the + button
• Choose the Image block
• Upload a new image, select one from the Media Library, or insert from a URL if appropriate

If the image is already on the page, click it once to select the block.

3. Add the link

When the image block is selected, look for the link icon in the block toolbar.

• Click the link button
• Paste or type the destination URL
• Press Enter or apply the link

Depending on your WordPress version and theme, you may also see options to link to:

• Media file
• Attachment page
• Custom URL
• None

For most business use cases, Custom URL is the best choice because it gives you full control over where the image goes.

4. Adjust link behavior if needed

Some editors let you choose whether the link opens in a new tab. This is often useful for external links, but internal links usually work best in the same tab.

Use a new tab only when it improves the visitor experience. Avoid forcing every link to open in a new tab, since that can feel disorienting.

5. Save or update the page

Click Update, Publish, or Save Draft to keep your changes.

How to link an image in the Classic Editor

If your site still uses the Classic Editor, the process is a little different but still simple.

1. Insert the image

Click Add Media and place the image into the content area.

2. Select the image

Click the image so the editing toolbar appears.

3. Open the link settings

Choose the link option from the image toolbar or from the image details panel, depending on your setup.

4. Enter the destination URL

Paste the URL into the link field and confirm the change.

5. Update the post or page

Save your work so the linked image becomes active on the live site.

Best practices for linked images

A hyperlink on an image is only useful if visitors immediately understand what will happen when they click it. Follow these best practices to keep the experience clear and effective.

Make the destination obvious

Use images that visually suggest the action or content behind them. A service image should lead to a related service page. A promotional graphic should lead to the promotion itself.

Use descriptive alt text

Alt text helps screen readers understand the image and supports accessibility. It also gives context if the image fails to load.

If the image is purely decorative, you may not need a hyperlink at all.

Keep important images clickable on mobile

Mobile visitors rely on tap targets. Make sure the image is large enough to tap comfortably without accidental clicks.

Avoid linking unrelated content

Do not send visitors from one topic to something completely different. Mismatched links reduce trust and hurt conversions.

Use linked images sparingly

Too many clickable images can make a page feel cluttered. Use them where they add real value, not just because the feature exists.

Pair images with supporting text

A short headline or caption near the image helps visitors understand the next step. This is especially important for marketing pages and service pages.

Common use cases for business websites

Linked images can support the goals of a small business site in several ways.

Homepage navigation

A logo or featured image can point users to key pages such as services, pricing, or contact.

Product and service promotion

Images on landing pages can move visitors deeper into your sales funnel.

Blog engagement

Featured images can link to related resources, case studies, or internal articles.

Lead generation

A banner or badge image can point to a signup form, consultation page, or offer page.

Trust building

Recognition badges, partnership logos, or testimonial graphics can link to supporting pages with more information.

Troubleshooting common problems

If your linked image is not working as expected, check the following:

The wrong URL was entered

Make sure the destination is complete and correct. A missing https:// or a broken internal link can prevent the image from working properly.

The image is linked to the attachment page instead of the right page

WordPress sometimes defaults to media or attachment links. Replace those with the exact destination you want.

The editor changes were not saved

If the image link does not appear on the live page, confirm that you clicked Update or Publish after editing.

A plugin or theme is interfering

Some page builders, optimization plugins, or custom themes can alter how image links behave. If necessary, test the page with plugins temporarily disabled in a staging environment.

The image appears clickable but nothing happens

This can happen if another element overlaps the image or if custom code affects the page layout. Inspect the page structure and test in a different browser.

Link strategy tips for better site performance

A linked image should support a larger content strategy, not just act as decoration.

• Link only when the image helps users take a useful next step
• Connect images to pages that match user intent
• Use clear captions and nearby call-to-action text
• Review click performance in analytics when possible
• Update old image links when page URLs change

For a company website, these small improvements can make navigation smoother and reduce friction across the user journey.

Final thoughts

Adding a hyperlink to an image in WordPress is a simple task, but it can have a meaningful impact on usability and conversions when done with purpose. Whether you are linking a logo, banner, service image, or promotional graphic, the key is to keep the destination relevant and the action clear.

If you manage a business website, treat every clickable image as part of your site structure. The best image links guide visitors naturally to the next step, support your content, and make the experience easier on both desktop and mobile.