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 link to any page, file, email address, phone number, or other content in many areas of your site.

Where you can add links

You can add links to almost any part of your site:

  • Text - Create a hyperlink almost anywhere you can add text.
  • Navigation - Create your site's navigation structure with links to your pages.
  • Images - Turn an image into a link.
  • Buttons - Add a button using the Button Block and Cover Page Actions panel. 

For steps on finding where to add the link, see Step 1.

Where links can go

Links can direct to other websites and your site content. They can also prompt visitors to contact you via phone or email. You can link to: 

For steps on directing links, see Step 2.

Step 1 - Open a link editor

The first part of adding a link is creating the content that will turn into the link. For example, for a text link, you’ll add the text that will become a link. To turn an image into a link, you’ll first add the image.

Text links

You can create a hyperlink almost anywhere you can add regular text, like Regular Pages, blog posts, and sidebars.

To add a text link:

  1. In an area like a Text Block, add a line of text, and then highlight it.
  2. Click the link icon in the text editor toolbar.
  3. Follow the link editor steps below to set up the link.

If you use Markdown, you can also add a text link using the Markdown Block.

For more detailed steps, visit Creating a text link.

open-text-link.gif

Navigation links

You’ll create your site's navigation structure with links to pages in the Pages panel. To add a navigation link:

  1. In the Home Menu, click Pages.
  2. Click the + icon next to a menu section like Main Navigation.
  3. To add a link to a page on your site, visit Adding pages to your navigation.
  4. To add a link to a page outside of your site or other content, click Link. Learn more in Using links in your navigation.

Adding_links_to_your_site.gif

Image clickthrough URLs

You can turn an image into a link with a clickthrough URL. First add an image, and then find the link editor in the image’s editor. For more detailed steps, visit Using image clickthrough URLs.

Button

When you add a Button Block, you’ll decide where the button will take visitors when they click it. To edit the button’s link, open the Button Block editor, and then follow the link editor steps below to set up the link.

To learn more, visit Using the Button Block.

Button_Link.gif

Other links

Step 2 - Set up the link

Note: This screenshot shows a text link. Other link editors don't include the Add Link button. Instead, when you've finished, click outside the link editor to close the window.

After opening the link editor, click through the Content, Files, and External tabs to link to different types of content.

link-window.png

Link to your site's content

Click the Content tab to add a link to content within your site, like a page or collection items filtered by tag or category.

To link to a page on your site:

  1. In the link editor, click the Content tab.
  2. Scroll down and select the page or content you’d like to link. The page or content you select will display a checkmark beside its name. (How pages are organized here depends on the link editor.)
  3. For text links, click Add Link. For other link editors, click outside the link editor.

To link to all collection items with a specific tag or category, visit Linking to tags and categories.

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.

content-link.png

Link to a file

In the Files tab, you can link to an uploaded file visitors can download, like a .pdf, audio file, or image.

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.

To add a file to a link, click the Files tab in the link editor. Then follow the steps below for text links or all other links.

Note: When you upload a file to a link, it's saved in the Files tab of the link editor so you can use it again. Files added elsewhere, like images in Gallery Blocks or CSS files, don't store in the Files tab. To learn more about managing files on your site, visit Uploading and managing files.

Text links

  • To upload a new file, click Add File to select a file from your computer or drag a file directly into the Add File area. The new file will appear selected in a list below the Add File area.
  • To link to an existing file, click the file you want to link to. The file you select will display a checkmark beside its name.

When you're done, click Add Link.

text-link.png

All other links

For all other links, such as Button Block and navigation links:

  • To upload a new file, click Add a File to select a file from your computer or drag a file directly into the Add a File area. The new file appears in the Existing File tab.
  • To add an existing file to a link, click Existing File, then click the file you want to link to.

When you're done, click outside the link editor to close it.

other-editors.png

Link to any URL, email address, or phone number

The External tab is best for linking to:

  • A URL of any page outside of your site
  • An email address
  • A phone number
  • An SMS / text message

To link to external content:

  1. In the link editor, click the External tab.
  2. In the box, enter the full URL you’d like to link to, or follow the steps to add an email address, phone number, or SMS link.
  3. To have the link open in a new browser tab, rather than directing visitors away from your site, click Open in new window.
  4. For text links, click Add Link. For other link editors, click outside the link editor.
Notes: 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.

external-link.png

Edit or remove a link

Click on the link in the Post or page editor to visit, edit, or remove it.

test__8_.jpg

Troubleshooting

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

Was this article helpful?
82 out of 177 found this helpful