You can create links to pages, files, other websites, email addresses, phone numbers, and more in multiple areas of your Squarespace site. The most common ways to use links are:
- As a call to action with Button Blocks
- Turning an image into a link with image clickthrough URLs
- Adding navigation links to help visitors move through your site
- Creating text links in body text
Wherever you're adding a link, the steps to set it up are nearly the same. This guide explains how to use the different options in the link editor.
Note: To add a new page, visit Adding pages to your navigation.
Open a link editor
The first step to adding a link is to open the area where you're placing it. Follow the steps in these guides:
- Button Blocks
- Cover Page buttons and navigation links
- Image clickthrough URLs
- Markdown Block links
- Navigation links
- Text links
For example, if you're adding a link to text in a Text Block, you'll open the Text Block editor, highlight the text, and click the link icon.
Once the editor for any type of link is open, you'll see three tabs:
- Content - Link to pages or collection items on your site.
- Files - Link to uploaded files.
- External - Link to other websites.
These are the different types of targets for your link. Ensure you're selecting the best one for what you want to achieve.
External tab - Link to an external page
The External tab is best for linking to full URLs outside of your site. You can also use it to link to phone numbers and email addresses.
To link to a URL:
- Click the External tab.
- In the box, enter the full URL you’d like to link to.
Create an email or phone link
You can use External links for an email address or phone number.
To link to an email, add mailto: in front of an email address.
When a visitor clicks this link, it will automatically open in an email program installed on their computer or mobile device.
To link to a phone number, add tel: immediately followed by a phone number.
If the phone number includes a country code, add tel:+ immediately followed by the phone number.
When a visitor clicks this link from a phone, it will prompt them to call the number.
When you've finished, press Enter on your keyboard to close the link editor.
Note: If you list a phone number on your site as regular text without the tel: link formatting (for example, 555-123-4567), its formatting may vary across different mobile devices.
Content tab - Link to your site's content
The Content tab is the best way to link to site content, like pages or collection items sorted by tag or category.
To link to a page on your site:
- Click the Content tab.
- Scroll down and select the page you’d like to link.
- To link to a specific category in a Blog Page or Gallery Page, click the down arrow next to the page title and select a category.
When you've finished, press Enter on your keyboard to close the window.
Note: If you change a source page's URL slug, open the link and reselect the page in the Content tab to update the link.
Files tab - Link to a file
In the Files tab, you can link to an uploaded file, which is useful for adding downloads. It's common to link to .pdfs, audio files, or image files with this method.
When clicked, the file will download or open in a new tab/window, depending on your visitor's browser. Visitors can also right-click or press Option + click on a Mac, to download the file directly to their computer.
To add a file to a link:
- Click the Files tab.
- If you're adding a new file, click New File to select a file from your computer, or drag a file directly into the Add a file area to upload it. The new file will appear in the Existing File tab.
- Within the Existing File tab, click on the file you want to link to. The selected file name will be bolder than the others.
Once you've finished selecting a file, save the changes by closing the editor for the text or button that contains your file link:
- For a Text Block or navigation link, click Save.
- For a Button Block, clickthrough URL, or Markdown Block, click Apply.
- For Cover Page buttons and text, click Save.
Note: Files uploaded in the New File window will be stored in the Existing Files tab so you can use them in the future in any link editor. Files for images added in Gallery Blocks, Image Blocks, Gallery Pages, and the CSS Editor aren't available in the Files tab.
To learn more about managing files on your site, visit Uploading and managing files.
Open links in a new tab
To set a link to open in new tab when clicked, check Open in New Window.
Note: Squarespace doesn't support setting links to open in an entirely new window, as this can cause issues with a browser's pop-up blocker.
In a Gallery Block, check the option in the Design tab. This affects all images in the block.
Avoid directing to a login page
If clicking a link or button leads to a login page, this means the URL in the link is for the editing area of the page, not the publicly viewable page.
You can resolve this by using the Content tab, instead of the External tab, to find the page on your site to link to. Or you can keep the link in the External tab but fix the URL. The most common link mistakes are:
- Using “https” at the beginning of a link rather than “http.”
- Including the “/config/” part of the URL.
Both of these indicate that the link is internal and can only be accessed by logging in.
For more help, visit Troubleshooting link issues.
Edit or remove a link
Click on the link in the Post or Page Editor to visit, edit, or remove it.