how to make images clickable in squarespace

This post may contain affiliate links. I may earn a commission at no extra cost to you if you make a purchase through them. Full disclosure here.

Making images clickable on your Squarespace website is an effective way to enhance user engagement and direct visitors to specific content or external sites. Whether you want to link images to product pages, blog posts, or other resources, Squarespace provides several straightforward methods to achieve this.

This guide will cover how to make images clickable in various contexts, including inline images, image cards, and gallery images.

Quick Fix

Why Make Images Clickable?

1. Enhanced Navigation: Clickable images can serve as visual navigation tools, guiding users to important pages or resources.
2. Increased Engagement: By linking images to relevant content, you encourage visitors to explore more of your site, increasing their time spent on your pages.
3. Improved User Experience: Clickable images can make your site more interactive and user-friendly, allowing visitors to access information quickly.

How to Make Images Clickable in Squarespace

1. Making Inline Images Clickable

Inline images are standalone images that are not connected to any text. Here’s how to make them clickable:

1. Log into Your Squarespace Account: Go to squarespace.com and sign in.

2. Navigate to the Page: Select the page where your inline image is located or where you want to add a new image.

3. Add or Edit an Image Block:

   • If you are adding a new image, click the "+" icon to add a new block and select Image.

   • If you are editing an existing image, hover over the image and click the pencil icon to open the image settings.

4. Add a Link:

   • In the image settings, find the Link field.

   • To link to an internal page, start typing a forward slash (/) and select the desired page from the dropdown menu.

   • For external links, type the full URL (e.g., https://www.example.com).

5. Save Changes: Click Save to apply the changes. Your image is now clickable!

2. Making Image Cards Clickable

Image cards combine an image with text and often include a button. Here’s how to make an image card clickable:

1. Add an Image Card Block:

   • Click the "+" icon and select Image Card from the block options.

2. Configure the Image Card:

   • Upload your image and add any text you want to display.

   • In the settings, you will see options for linking the image.

3. Select Link Options:

   • You can choose to link the image itself or the button.

   • If you want the image to be clickable, select "On Image". If you prefer to keep the button, select "On Button".

4. Add Your Link:

   • Enter the desired link in the link field. You can link to an internal page or an external URL.

5. Save Changes: Click Save to finalize your settings. The image card is now clickable!

3. Making Gallery Images Clickable

If you have a gallery of images and want each image to link to a different page or URL, follow these steps:

1. Add a Gallery Block:

   Click the "+" icon and select Gallery from the block options.

   Choose the gallery type (e.g., Grid, Slideshow, Carousel).

2. Upload Images: Add the images you want to include in the gallery.

3. Link Each Image:

   Click on each image in the gallery to open its settings.

   In the settings, find the Link field and enter the desired link for each image.

4. Save Changes: Once you’ve linked all images, click Save to apply the changes. Each image in the gallery is now clickable!

4. Making List Images Clickable

If you are using a list section with images and want to make those images clickable:

1. Create a List Section:

   • Click the "+" icon and select List from the block options.

2. Add List Items: Add your images as list items.

3. Link Each Image:

   • Click on each list item to open its settings.

   • In the settings, find the Link field and enter the desired link for each image.

4. Save Changes: Once you’ve linked all images, click Save to apply the changes.

Best Practices for Clickable Images

1. Use Descriptive Links: Ensure that the links you attach to images are relevant and descriptive to enhance user experience.

2. Open External Links in a New Tab: If linking to external sites, consider setting the link to open in a new tab. This keeps visitors on your site while allowing them to explore additional content.

3. Test Links Regularly: Periodically check that all clickable images link to the correct pages and that the links are functioning properly.

4. Optimize Image Size: Ensure your images are optimized for web use to maintain fast loading times and a smooth user experience.

Conclusion

Making images clickable in Squarespace is a straightforward process that can significantly enhance your website's interactivity and user experience. By following the steps outlined in this guide, you can effectively link inline images, image cards, gallery images, and list images to relevant content, helping to engage your visitors and guide them through your site.