Adding links to your site

Send visitors to pages on your site, external content, email addresses, files, and more.

Last updated February 23, 2024

Use links to help visitors navigate pages on your site, or guide them to external sites, files, email addresses, and phone numbers.

This guide covers links that visitors can click on your site. To learn more about linking visitors to your website from elsewhere, visit Sharing URLs from your site.

Tip

To help make your links accessible to the broadest audience possible, visit Accessibility resources at Squarespace.

You can add links to almost any part of your site. For steps on adding various types of links, visit the corresponding guide:

Depending on where you create the link, you can link to:

To link to an external URL, such as the website for a friend's business or a third-party service you use with your site:

  1. Select URL in the link editor drop-down.
  2. Enter the complete URL in the text field.
  3. Switch the Open link in new tab toggle off to have the link open in the same tab.
  4. Press Enter or click outside the block editor when you're done.

Note

It isn't possible to automatically force links to open in an entirely new browser window, as this can cause issues with a browser's pop-up blocker.

We recommend following the steps in the next section to link to pages on your own site, but you may want to use the steps above to link to certain content from your site that you can't otherwise link to, such as:

To link to pages on your site, individual products, collection categories, or collection tags: 

  1. Select URL in the link editor drop-down.
  2. Start typing the title or URL for the page you want to link, or start typing the category or tag on the collection page you want to link.
  3. Select the page, product, category, or tag from the drop-down list of results.
  4. Switch the Open link in new tab toggle on to have the link open in a new tab.
  5. Press Enter or click outside the block editor when you're done.

Keep in mind:

  • If you change a linked page's URL slug, open the link and type in the new URL to update the link.
  • To link to an individual blog post, event, or portfolio sub-page, add its complete URL to the field.
  • On version 7.0, linking to an index's sub-page takes visitors to a standalone version of the page. To link to a sub-page within the main layout of a stacked index, add an index anchor link in the web address tab.

Link to an email address to encourage visitors to contact you. When visitors click the link, it opens a blank email in their default email service and automatically populates it with your information.

To link to an email address:

  1. Select Email in the link editor drop-down.
  2. Under To, enter the email address you want visitors to send their message to, and click CC and BCC to add email addresses to populate those fields. It's not possible to add multiple email addresses in one field.
  3. Under Subject, enter a subject to populate the email's subject line.
  4. Under Body, enter body text to populate the email's message. Keep in mind, visitors who click the email link can edit any populated fields before sending an email, and formatting may vary depending on the email service.
  5. Press Enter or click outside the block editor when you're done.

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.

Add other ways for visitors to email you

  • Some people prefer not to show their email address for privacy reasons. To encourage emails without showing your address, add a contact form using a form block. This provides a layer of security, and you can respond directly to a form submission by email.
  • For a more visual approach, you can add your email address as a social icon. This creates an envelope icon with a "mailto" link that appears with your other social icons.
  • Add a mobile information bar to give visitors quick access to your contact information on the go.

Link to your phone number to encourage visitors to call or text you. When a visitor taps the link from a smartphone, it prompts them to call or text the number.

Note

If you add a phone number as plain text without linking to it, its formatting will vary across devices. Some devices automatically detect it's a phone number and show it as a link. To ensure it always displays as a link, follow the steps below.

To link to a phone number:

  1. Select Phone in the link editor drop-down.
  2. Enter your phone number in the field, including country code and area code, if applicable. Don't include 0 at the beginning of the number, as this may cause the link to fail.
  3. Select Call for the link to call the number, or select Text for the link to open a blank text message to the number.
  4. Press Enter or click outside the block editor when you're done.

Add other ways for visitors to call you

Add a mobile information bar to give visitors quick access to call you on the go.

Under File in the link editor, you can upload and link to files, like .pdf menus, size charts, or audio files. Depending on the browser and file type, uploaded files will download automatically or open in new tabs, where visitors can view them or save them to their computer.

To link to a file:

  1. Select File in the link editor drop-down.
  2. Click the upload icon to select a file from your computer. If you want to link to a file you've already uploaded to your site, you can search for it, or select it from the Recently uploaded list.
  3. Switch the Open link in new tab toggle off to have the file open in the same tab if possible. Keep in mind, some file types may open in a new tab when visitors click the link regardless of this setting.
  4. Press Enter or click outside the block editor when you're done.

To learn more, visit Uploading and managing files.

You can link to products from your online store directly by searching for them with the URL option in the link editor. For other collection items, like blog posts, events, and portfolio sub-pages, add the full URL of the item in the URL field.

To link to a collection item:

  1. Open the item you want to link to in a private browser.
  2. Copy the item's full URL, including your domain name.
  3. Open a link editor on your site and select URL.
  4. Paste the item's full URL into the text field.
  5. Switch the Open link in new tab toggle off to have the link open in the same tab.
  6. Press Enter or click outside the block editor when you're done.

To change how a web address, page, or file link opens, go to the editing area where you added the link. This could be a clickthrough URL, button block, navigation link, or text link.

  • To open the link in a new tab, switch the Open link in new tab toggle on.
  • To open the link in the same tab, switch the Open link in new tab toggle off.
  • If you're editing in the Squarespace app and don't see the toggle, use a computer to change how the link opens.

Keep in mind: 

  • Squarespace doesn't support setting links to open in an entirely new window, since this can cause issues with a browser's pop-up blocker.
  • Links to your site's content set to Open link in new tab open in the same tab when you're logged into your site. When you're logged out or visiting the site in an incognito browser, they open in a new tab as expected.
  • How the link opens is ultimately up to the visitor and how they use their browser. Even if a link is set to open in the same tab, visitors can open it in a new tab using shortcuts.

Only the grid layout of gallery blocks supports opening clickthrough URLs in a new tab.

In a grid gallery block, set clickthrough URL links to open in a new tab by checking the option in the design tab. This option applies to all images in the grid gallery block.

  1. While editing the page, hover over the grid gallery block and click Edit.
  2. Click the Design tab.
  3. Scroll down and check or uncheck Open Links in New Window.
  4. Click Apply to save your changes.

Troubleshooting

For help with broken links and other issues, visit Troubleshooting link issues.

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.