Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Adding links to your site

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:

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:

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 an email address or phone number. 

To link to a URL:

  1. Click the External tab.
  2. In the box, enter the full URL you’d like to link to.

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:

  1. Click the Content tab.
  2. Scroll down and select the page you’d like to link.
  3. 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 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 Option+ click on a Mac) to download the file directly to their computer.

To add a file to a link:

  1. Click the Files tab.
  2. 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.
  3. 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.

Link to tags and categories

You can link to tags and categories from the Content tab:

About_Us___Official_Test.png

  1. Click the Content tab.
  2. Select a page.
  3. Click the arrow.
  4. Click to select the tag or category.
  5. Click Save.
Note: To position the link in your site's navigation, visit Using links in your navigation.

Link to an email address

Encourage visitors to send you an email by adding a “mailto" link to your site. When a visitor clicks this link, it will automatically open in the default email program installed on their computer or mobile device. 

Note: If your visitor doesn't have an email program installed on their device, the email link won't open. They'll need to copy your email address manually from the link.

To create an email link:

  1. Click the External tab.
  2. Enter mailto: followed by your email address, without any spaces.
  3. Press Enter to close the link editor.
Tip: You can also connect your email address in the Connected Accounts panel to display an email icon on your site. The icon appears wherever your connected accounts display, and uses a built-in mailto link to open the visitor’s mail program when clicked.

mailto_link.jpg

Link to a phone number

You can link to a phone number to encourage visitors to call you. When someone clicks this link from a smartphone, it will prompt them to call the number. 

  1. Click the External tab.
  2. Enter tel: followed by a phone number, without any spaces. If the phone number includes a country code, add tel:+ followed by the phone number.
  3. Press Enter 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.

Link to send a text message

Encourage mobile visitors to text you by adding an SMS link. When a visitor follows the link on a smartphone, a new text message will open with a pre-filled recipient.

  1. Click the External tab.
  2. Enter sms: followed by a phone number, without any spaces. If the phone number includes a country code, add sms:+ followed by the phone number.
  3. Press Enter to close the link editor.

sms.png

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 Squarespace 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 issue is including the “/config/” part of the URL, which indicates 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.

Was this article helpful?
67 out of 137 found this helpful
Adding links to your site