Image clickthrough URLs

Use clickthrough URLs to turn images into links to other web sites, pages on your site, email addresses, phone numbers, or files.

Image Blocks and Gallery Blocks support clickthrough URLs on any template. Some templates support clickthrough URLs in Gallery Pages.

There are a number of uses for clickthrough URLs. For example:

• Create a portfolio of projects in a Gallery Page and add clickthrough URLs to each client's homepage.
• Display a preview of a document using an Image Block and add a clickthrough URL that opens the .pdf file of the document.
• Create a gallery of a fashion collection and add clickthrough URLs to specific products.

Note: Clickthrough URLs aren't available for Cover Page or Project Page images.

Watch a video

Add an image

To create a clickthrough URL, first add images to your site:

• Add an Image Block to a Layout Page. This adds a single image to a page.
• Add a Gallery Block to a Layout Page. You can either upload images directly, or connect with an existing Gallery Page.
• Add a Gallery Page to your site if your template supports Gallery Page clickthrough URLs, and upload images to it directly.

Tip: If you're new to Squarespace, visit Image galleries on Squarespace.

Lightboxes

Lightbox is a design effect that opens images in an overlay and dims the rest of the page when visitors click the image. Clickthrough URLs work with lightbox-enabled images, depending on where you add the image to your site. To learn more about clickthrough URLs and lightboxes, visit Setting images to open in a lightbox. 

Image Blocks

To add clickthrough URLs to Image Blocks:

1. Add an Image Block to your site, or edit an existing Image Block.
2. Click Design.
3. For Inline Image Blocks, add a web address, or click  in the URL field for more options.
4. For other layouts, select On Image or Button from the Image Link drop-down, then add a web address or click  in the URL field for more options.
5. Click Save, then click Apply.

To learn more about different link options, visit Adding links to your site.

Gallery sections

Gallery sections are only supported in version 7.1.

 To add clickthrough URLs to images in a gallery section:

1. Add a page with a gallery section to your site, or click an existing page with a gallery section in your Pages panel.
2. Click Edit on the page.
3. Hover over the gallery section and click the image icon.
4. Click the image where you want to add the clickthrough URL.
5. In the Link field, enter a URL, or click  for more options.

To learn more about different link options, visit Adding links to your site.

Gallery Blocks

To add clickthrough URLs to Gallery Blocks connected to Gallery Pages, follow the Gallery Page steps.

To add clickthrough URLs to Gallery Blocks with uploaded images:

1. Add a Gallery Block to your site and upload your images, or edit an existing Gallery Block.
2. Hover over the image where you want to add the clickthrough URL, and click .
3. Click Click to add URL... to open the link editor.
4. Click Content to add a link to a page on your site, click File to link to an uploaded file, or click External to add a link to a site elsewhere.
5. Click Save, then click Apply.

To learn more about different link options, visit Adding links to your site.

Gallery Pages

Gallery Pages are only supported in version 7.0. If your site is on version 7.1, use gallery sections instead.

To add clickthrough URLs to images in a Gallery Page:

1. Add a Gallery Page to your site, or click an existing Gallery Page in your Pages panel.
2. Hover over the image where you want to add the clickthrough URL and click .
3. Click Options.
4. Click Clickthrough URL to open the link editor.
5. Click the icons to link to a page on your site, an external site, or an uploaded file.
6. Click Save.

Some templates don't support clickthrough URLs on Gallery Pages. If your template doesn't, the links will still work in Gallery Blocks that are connected to Gallery Pages.

To learn more about different link options, visit Adding links to your site.

Choose how the link opens

In Image Blocks and Grid Gallery Blocks, you can choose to have clickthrough URLs open on the same page or in a new tab.

• In Image Blocks, switch the Open in New Window toggle on to have clickthrough URLs open in a new tab.
• In Grid Gallery Blocks, click the Design tab, scroll down, and check Open Links in New Window to have clickthrough URLs open in new tabs. This option applies to all images in the block.
• In Gallery Pages and in Carousel, Slideshow, and Stack Gallery Blocks, clickthrough URLs always open on the same page.

Gallery Page clickthrough URLs by template

These template families support clickthrough URLs on Gallery Pages:

• Adirondack - Yes. Slideshow design only.
• Avenue - No
• Aviator - Yes
• Bedford - Yes
• Brine - Yes
• Farro - Yes
• Five - Yes
• Flatiron - Yes
• Forte - Yes
• Galapagos - Yes
• Ishimoto - Yes
• Momentum - No
• Montauk - No
• Native - Yes
• Pacific - Yes
• Skye - Yes
• Supply - Yes
• Tremont - Yes
• Wells - No
• Wexley - No
• York - Yes. Not supported on Project Pages.