Create links to other content
You can add a link to another web page or to an anchor on a page to enable visitors to jump to a specific location - we use anchors for the "In this article" links below, for example:
In this article:
There are separate articles on how to:
Accessible link text
People who use screen readers may scan pages and listen to the links. Therefore, it is important to ensure that "the purpose of each link can be determined from the text alone" ().
For example, instead of:
To learn more about how to apply, click here.
Write:
Learn more about how to apply.
Add a link to text
This section describes how to add links as part of normal text on your page. The Components Editor also enables you to add links as buttons.
-
Browse to the page where you want to add a link.
-
Go to Edit > Edit centre content:
-
Highlight the text you want to act as the link.
-
Select the Add/edit link button in the toolbar:
Alternatively, select Links > Web link in the left-hand menu:
-
The Links and anchors pop-up appears with the options to Add a link to this content expanded:
-
Specify the link target with one of the following:
-
In the Link URL box, type the absolute or relative address of the page or file you want to link to.
-
Select the Browse uploaded files button next to the Link URL box to choose a page or file that's already on your site.
-
Drag and drop one or more files into the dotted-line box.
-
Select the Browse button in the dotted-line box to locate and upload a file from your computer.
-
Select a file under Recently uploaded files, if any are present.
-
-
Select one of the Open link in radio buttons to set whether the link will open in the Same window or a New window.
-
If you want to send users to a location on the same page, instead of to a different page, you can Make a link to an existing anchor on this page. Either enter the anchor name preceded by a
#- for example,#anchor- or choose an anchor from the drop-down list.You'll find more information on how to add an anchor to a Components Editor page below.
-
Optionally, you can Add a document icon to your link. This is useful to inform visitors what kind of file they'll be downoading from a link they select.
-
Select Add link.
Add a link anchor
An anchor is a marker placed in a web page that allows you to link directly to that location. To add one to your page using the Components Editor:
-
Browse to the page where you want to add an anchor.
-
Go to Edit > Edit centre content:
-
Place the cursor where you want to add the anchor.
-
Go to Links > New anchor:
-
The Links and anchors pop-up appears with the options to Add a new anchor expanded:
-
Enter a name for the anchor in the Insert an anchor box. Note that this name must be unique on the page.
-
Select Add anchor. You now see an anchor icon in the editor to denote the anchor's location on the page. This is only for your reference, and will not appear when the page is published.
Tip: To quickly view the name of an existing anchor, hover your mouse over the icon.
Create a link to an anchor
To link to an existing anchor, enter the page URL (relative or absolute) followed by a # and the anchor name. For example:
../your-page/#anchor
or
/services/its/servicessupport/web/sitebuilder/manual/content/blocks/#style
Edit an existing anchor
-
Edit the page in the Components Editor and locate the anchor you want to edit.
-
Select the anchor in the editor, then select Edit anchor:
-
Enter a new name for your anchor in the ID box:
Remember that each anchor's name must be unique on the page.
-
Select Save.