Add a Link to an Image

Add a Link to an Image

You can insert a hyperlink into an image on your website. When a user clicks on your image, they will be redirected to the page of your choice. To add an image hyperlink:

  1. Navigate to the Pages tab at the top of your Websites app, and open the page that you'd like to insert an image hyperlink.
  2. Upload an image to your Image or Image Gallery block.
  3. Next to the uploaded image, select the Hyperlink icon.
  4. Click on the empty text box that appears. You can paste in a URL for an external link, or you can use the drop-down menu to select another page on your website.

    Optional: Click the Open in a new window icon if you'd like the button to open a new window in the visitor's browser. If the icon is blue, then the link is set to open in a new window.

  5. Click the Save button to confirm the changes.

    • Related Articles

    • Add or Edit a Hyperlink in Text

      You can insert a hyperlink within your text blocks to allow your viewers to navigate to your site's other pages or to external websites. Add or edit a hyperlink Remove a hyperlink Add or edit a hyperlink Select the Pages tab at the top of your ...

    • Add an Image or Image Gallery to a Page

      To add images to your website's pages, you can upload images to an Image block or Image Gallery block. An Image block only allows you to upload one image, while an Image Gallery allows you to add multiple images. Add an image block Add an image ...

    • Add a Drop Shadow to Your Images

      Adding a drop shadow to your images gives your image depth and perspective. It makes it look like the image is popping right out of the screen! Images without a drop shadow effect: Images with a shadow drop effect: Turn on drop shadows Edit the drop ...

    • Change the Color of Your Website's Links

      You can change the color of your hyperlinks globally so that all links on your website apply to the same rules. To change your sitewide hyperlink color: Click Design at the top of your Websites app to open the Design panel. On the right-hand sidebar, ...

    • Add an Email Link to Your Website

      Some hyperlinks are able to have a special syntax put before it in order to perform certain functions. One function of a link is to open the page viewer’s email software. Here is how you can add syntax before your link to get it to perform a certain ...