You can use clickthrough URLs to turn an image into a link to external pages, internal content, or files.
Clickthrough URLs are available in Image Blocks and Gallery Blocks 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 document in a .pdf.
- Create a gallery of a fashion collection and add clickthrough URLs to specific product items.
To create an image with a clickthrough URL, you'll add an image to your site, then adjust the image's settings to include a URL in the Clickthrough URL field. When visitors click the image, they'll be taken to the URL or file you specified.
Note: Clickthrough URLs aren't available for Cover Page or Project Page images.
Step 1 - Add an image
Add an image to your site in one of three ways:
- Add an Image Block to a Regular Page. This adds a single image to a page.
- Add a Gallery Block to a Regular Page. You can either upload images directly, or connect with an existing Gallery Page collection.
- 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 Gallery Blocks vs. Gallery Pages.
Clickthrough URLs won't work in Grid Gallery Blocks or Image Blocks with Lightbox enabled. To allow clickthrough URLs, uncheck Lightbox or Enable Lightbox.
If you want to keep lightboxes enabled and link images, we recommend adding a text link to the image's description. For Image Blocks on Regular Pages, certain layouts also support buttons.
Step 2 - Open the image settings
Next you'll open the settings window for the image you want to turn into a clickthrough link.
Open the page editor. Then hover over the Image Block and click Edit.
If you added images to your Gallery Block directly, open the page editor, then hover over the Gallery Block and click Edit. Hover over the image and click the .
If you connected your Gallery Block to a Gallery Page collection, follow the Gallery Page steps below.
In the Home Menu, click Pages. In the Pages panel, click your Gallery Page. Hover over the image and click the .
Step 3 - Find the clickthrough URL field
In image settings, locate the Clickthrough URL field.
- For Gallery Page images, it's in the Options tab.
- For Gallery Block images, scroll down within the image editor.
For Image Blocks on Regular Pages, it depends which layout you've chosen:
- Inline layout - Click the Design tab and scroll down. Ensure Enable Lightbox is unchecked.
- All other layouts - Click the Design tab. Use the Image Link drop-down to choose On Image. The clickthrough URL field appears below.
For Image Blocks on all other areas of your site, such as sidebars or blog posts, follow the instructions for the Inline layout.
Step 4 - Add the link
Click the Clickthrough URL field to add your link. Choose either Content, Files, or External.
- Content - Link to a page on your site. For collections, such as Products Pages, Blog Pages, and Events Pages, you can link to specific tags or categories.
- Files - Add a file. When visitors click the image, it will take them to the URL for that file.
- External - Link to any page on the web.
Tip: To link to an individual item within a collection, such as a product or blog post, use the External tab with the item's full URL.
For more information, visit Adding links to your site.
Grid Gallery Block options
In a Grid Gallery Block, you can choose to have clickthrough URLs open on the same page, or in a new tab. This option applies to all images in the block.
Note: In Carousel, Slideshow, and Stack Gallery Blocks, clickthrough URLs always open in the same page.
- While editing the page, hover over the Gallery Block and click Edit.
- Click the Design tab.
- Scroll down and check or uncheck Open Links in New Window.
- Click Apply to save your changes.
Templates with Gallery Page clickthrough URLs
The following templates support clickthrough URLs on Gallery Pages. Templates are grouped by family.
- Adirondack - Slideshow design only
- Aviator, Aubrey, Encore
- Bedford, Anya, Bryant, Hayden
- Brine, Basil, Clay, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Jaunt, Juke, Keene, Lincoln, Marta, Mercer, Mojave, Motto, Nueva, Rally, Rover, Sonora, Thorne
- Farro, Haute
- Marquee, Adversary, Alex, Eamon, Ginger, Mint, Shift - Displays clickthroughs as a Read More link in slideshow design if the image has a title and description
- Pacific, Bryler, Charlotte, Fulton, Horizon, Naomi
- Skye, Foundry, Tudor
- Tremont, Carson, Henson
- York, Artesia, Harris, Lange, Jasper, Shibori, Taylor
Here's a Gallery Page image that links to an external website.
Here's a Gallery Block image that links to a Blog Page and filters to posts with a certain category.
Here's a Regular Page with an Image Block that clicks through to a product. To link to an item within a collection, use the External tab and link to its direct URL.