SQSP Themes

View Original

How Do I Link an Image in Squarespace?

Linking an image in Squarespace to a URL or another page on your site is a straightforward process, but it requires following a few specific steps. Below are the detailed instructions to help you accomplish this:

Step 1: Access the Image Block

  1. Log In to Squarespace: First, ensure you are logged in to your Squarespace account.
  2. Navigate to the Page: Go to the page where you want to add or edit an image.
  3. Edit Page Content: Click on the "Edit" button to enter the page editing mode.

Step 2: Add or Select the Image

  1. Add an Image Block: If the image has not been added yet, click the "+" icon to add a new block, and choose "Image" from the block options.
  2. Select an Existing Image Block: If the image is already added, click on the image block that you want to link.

Step 3: Open the Image Block Settings

  1. Settings Icon: Click the small pencil icon (or the gear icon in some designs) on the image block to open the settings menu for that image.

Step 4: Set Up the Link

  1. Click Through URL: In the image block settings, locate the "Clickthrough URL" field. This is where you will specify the link that you want the image to point to.

  2. External Link: If you want to link to an external website, enter the full URL starting with http:// or https://.

  3. Internal Page: If you want to link to another page on your Squarespace site, click the "pointer" icon to open a menu of your existing pages. Select the page you wish to link to.
  4. File: You can also link to a file by selecting the file option and uploading or choosing an existing file from your file library.

  5. Open in New Window: Optionally, you may want the link to open in a new tab or window. To do this, toggle on the "Open in New Window" option.

Step 5: Save Your Changes

  1. Save Settings: After configuring the clickthrough URL, click "Apply" or "Save".
  2. Save Page: Click "Save" or "Done" at the top of the Squarespace editor to save your overall page changes.

Additional Considerations

  • SEO Considerations: Ensure the link you are adding is relevant and beneficial to your users. Irrelevant links can harm user experience and potentially affect SEO.
  • Accessibility: To make your site more accessible, provide a descriptive alt text for your images. This helps screen readers understand the content of the image, especially important if it includes a link.
  • Image Sizing and Quality: Ensure your image is the appropriate size and quality for your design. Large file sizes can slow down your website, which negatively impacts user experience and SEO.
  • Test the Link: After saving, preview the page and test the image link to confirm it is directing users to the correct destination.

By following these steps, you will have successfully linked an image in Squarespace, enhancing user engagement and navigation on your site.