---
title: "How to Add Links to a Component"
canonical: "https://docs.pbs.org/space/B3/4751716/How%20to%20Add%20Links%20to%20a%20Component"
format: markdown
---
> Macro (toc)

## Overview

This page illustrates the different ways components and content can be linked within your Bento pages. 

[See the full list of components](https://docs.pbs.org/space/B3/4751450/Component+Library)

## Link types

There are three places to which you can link your content:

| **Destination** | **Description** |
| --- | --- |
| **[External link](https://docs.pbs.org/space/B3/4751716/Component+Functions#How-to-link-to-an-external-URL)** | This is a URL outside of your Bento site. You must add the entire URL (example: https://www.pbs.org). |
| **[Page](https://docs.pbs.org/space/B3/4751716/Component+Functions#How-to-link-to-a-page-on-your-Bento-site)** | This is an existing, published page on your Bento site. |
| **[Filer](https://docs.pbs.org/space/B3/4751716/Component+Functions#How-to-link-to-a-filer-folder-file)** | Links to a file in your [Filer Folders](https://docs.pbs.org/space/B3/4751570/Filer+Folders) |

## How to link to an external URL

An external URL is a link that resides outside of your Bento site. An example of an external URL is http://www.google.com.

- Click **External Link** (Figure 1.1).
- In the Link URL textbox, type the **full URL** to the page to which you want to link (Figure 1.2).
- Click the **toggle **next to* Open in a new window* so that it displays** ON** to open the link in a new browser window (Figure 1.3).
  - When the toggle displays **OFF**, the link opens in the same window currently being viewed.
- When finished, click **Save **(Figure 1.4).

Figure 1

![image](media://50651b18-27a0-43ef-9d8b-aabdbe74f8ec)

## How to link to a page on your Bento site

- Click **Page **(Figure 1.1).
- Click the** Search page dropdown box** (Figure 1.2).

Figure 1

![image](media://0a776056-b0f5-4399-aad4-464f130d4e25)

- Type the** title of the page** to which you want to link in the textbox (Figure 2.1).
- When the search results display, click the **title of the page **to which you want to link (Figure 2.2).

Figure 2

![image](media://b0387b29-3070-443e-92da-9d5c4cd9ae02)

- The page name displays (Figure 3.1). This is the page to which the item will link.
- Click the **toggle **next to* Open in a new window* so that it displays **ON **to open the link in a new browser window (Figure 3.2).
  - When the toggle displays **OFF**, the link opens in the same window currently being viewed.
- When finished, click **Save **(Figure 3.3).

Figure 3

![image](media://16e863e0-08aa-430a-94e8-54394a692a44)

## How to link to a filer folder file

[Learn more about Filer Folders](https://docs.pbs.org/space/B3/4751570/Filer+Folders)

- Click **Filer **(Figure 1.1).
- Click the** icon** to the right of the File ID textbox (Figure 1.2).

Figure 1

![image](media://41b64230-60cc-4063-ae5e-487cdb1e9b5e)

- Browse your filer folders and click the** name of the file** to which you want to link (Figure 2.1).
- To upload a new file, click **Upload **(Figure 2.2).
- When finished, click **Add selected** (Figure 2.3).

Figure 2

![image](media://0d366dde-f207-4c64-a7a5-280501a7490d)

- The ID of the selected file displays in the File ID textbox (Figure 3.1).
  - This is an auto-generated ID that cannot be changed.
- Click the **toggle **next to* Open in a new window* so that it displays **ON** to open the link in a new browser window (Figure 3.2).
  - When the toggle displays **OFF**, the link opens in the same window currently being viewed.
- Click **Save **(Figure 3.3).

Figure 3

![image](media://35a41473-e684-4b7e-8a40-d148558c1134)

## How to remove a link

- At the bottom of the Add Link window, click** Remove Link** (Figure 1).

Figure 1

![image](media://9e8c2165-4a94-4fe2-ba76-1952ff900a44)