Adding Links to a Page

Several different types of links can be added to a web page including:

• An external web page
• An image or file uploaded to the district web site (such as a .PDF)
• Another web page on the district website
• An identified location on the same page (anchors)

Watch the Intro to Page Editing video for a demonstration of adding links to a page.

Adding a Link to an External Web Page

1. Edit a rich text block where the link is to be added.
2. Type the text that will be linked and highlight it.
3. Click the Link button.
4. The Link window will open.
5. Type or paste the URL of the external website in the URL field
   
6. Select Open in new window from the Target drop-down menu so that the website opens in a new window.
7. Click OK.

Adding a Link to an Image or File Uploaded to the District Web Site

A link can be added to an image or file, such as a .PDF. Whether the file will download or open in a new window will depend on the site visitor's browser settings.

1. Edit a rich text block where the link is to be added.
2. Type the text that will be linked and highlight it.
3. Click the Link to File button.
4. A window appears where files can be selected to link to.
5. To filter the list of files, search by name or refine it by the File Folder dropdown menu.
6. Click the file in the list to select the file for the link. If the file isn’t already uploaded, choose Add File.
   • Select the Folder the file will go in. 
   • Click the Select New File button to browse the computer for a file to upload.
   • Click OK to add the file to the list of  available files.
   • The Link URL is automatically filled in with the link to the uploaded file.
7. Save the content block.
8. Once published, clicking the link will open or download the file depending on the visitor's browser settings for the file type.
   

Adding a Link to a Page Within the Site

1. Edit a rich text block where the link is to be added.
2. Type the text that will be linked and highlight it.
3. Click the Link to Page button.
4. A page tree opens from which a page from the website can be selected. 
5. Find a page by expanding the tree with the + symbols or by using keywords for the page in the Search For field.
6. Click to highlight the page and click OK
7. Once this page is published, clicking the link will take the visitor to the linked-to page.  

Adding a Mail-to Link

1. After highlighting the text to be linked, click the Link to Email button.
2. Type the E-mail Address that the link should send a message to in the E-Mail Address field.
3. If text is added to the “Message Subject” field, this text will be the subject of the E-Mail sent through the mail-to link.
4. If text is added to the “Message Body” field it will be added to the e-mail sent through the mail-to link.
5. Click OK and the mail-to link will be added to the highlighted text.

Adding Anchor Links Within a Page

Anchors mark areas within a page so that a visitor can jump from one section of a page to another section of the same page.  For example, having a link at the bottom of the page that moves the website visitor automatically to the top of the page.

Adding anchor links is a two step process.  First, create the anchor (the area of the page to be linked to).  Next, create the link on the page that links to this anchor.

Step 1—Creating an Anchor

Add an anchor in a rich text block where the link should direct a visitor to.  For example, to create a Top of Page link that will bring a visitor from the bottom of the page to the top, create an anchor at the top of the page. 

If linking to an Expandable Block, an area for an Anchor Name appears in the rich text editor when Expand/Collapse Block is selected. Skip to Step 2 and use this Anchor Name for the anchor link.

Note:  In this example we will create a Top of Page anchor.  In Step 1 we will create an anchor at the top of the page.  In Step 2 we will create the link to this anchor. 

1. Edit the block that the anchor link will point to.
2. Place the cursor in the area of the content that the anchor link should direct to. This is the location on the page where the anchor should be added. 
3. Click the Anchor button. It looks like a flag.
   

4. The Insert Anchor dialog box will open. Type in an Anchor Name.  Because we are creating an anchor that will take the visitor to the top of the page, we will call it topofpage.
   Warning!  Do not use spaces in the Anchor Name.

5. The Anchor symbol now appears in the Content Editor. This symbol will not appear on the published page.

Step 2a—Adding the Anchor Link within the same content block

In the second step, add a link that moves the visitor to the location of the anchor added in Step 1.

Note: When linking to a page's anchor from a different page on the website OR a different content block on the same page,  see Step 2b.

 In this example we will add a link at the bottom of the page that will link to the topofpage anchor we created in Step 1.

1. Type in the text of your anchor link. In this example, we will type Go to top of page.
2. highlight the text and click on the Insert Link button. 
   
   
3. Click on the Link Type drop down box and select Link to Anchor in the Text and choose the anchor name selected, in this case, topofpage.
4. Click OK.
5. Save content block and publish the page.
6. Once this page is published, click on the link text to move to the anchor location

 

Step 2b—Adding the Anchor Link on a different page or content block

In this example we will add a link in a different content block to the #document anchor.

Since the anchor name will not be available from the anchor name list, we will need to add it manually.  Select the Link to Page and select the page containing the anchor. After the page is selected and showing in he URL  add #anchorname at the end of the url.