Links

  The ‘Insert/edit link’ button is used to create links to internal and external pages, media files, email addresses and anchors.

The process for inserting a hyperlink differs depending on the type of link you wish to create.

This page covers the following:

• Link to a page in Brand Toolbox
• Link to a page on another website
• Link to a media file in Brand Toolbox
• Link to an email address
• Link to an anchor on the same page
• Create a link from an image

 

Link to a page in Brand Toolbox

1. Select the text that will form the hyperlink.
2. Click the Insert/edit link button to reveal the Select link slide out panel.
   
   
   
   
3. Select a page from the Content tree to link to.
4. By default when selecting an internal page, the Link title field will automatically be entered for your convenience. You can change the default text by re-entering the text. This is important information for anyone reading the website with an accessibility aid.
5. Leave the Target field unchecked when linking to an internal page. As a rule, all links to internal pages should open in the same window or tab.
6. Click Submit.

Link to a page on another website

1. Follow steps 1. and 2. above to open the Select link slide out panel.
2. In the Link field, enter the full Url (including http:// or https://) of the web page you wish to link to.
   
   
   
   
3. In the Link title field, enter the link description text that will be shown as a pointer to the link. This is important information for anyone reading the website with an accessibility aid.
4. Check the Target field. As a rule, all external links should open in a new window or tab.
5. Click Submit.

Link to a media file in Brand Toolbox

1. In the rich text editor, select the text that will form the hyperlink and click the Insert/edit link button to reveal the Select link slide out panel.
2. Scroll down to the bottom of the panel and select the Link to media > Select media button to reveal the Select media slide out panel.
   
   
   
   
3. Now scroll through the lists and select the media you wish to link to.
4. Review and edit the Link title field to ensure the link description accurately and clearly describes the link location. This is important information for anyone reading the website with an accessibility aid.
5. Click Submit.

Link to an email address

1. In the rich text editor, select the text that will form the hyperlink and click the Insert/edit link button to reveal the Select link slide out panel.
   
   
   
   
2. In the Link field, enter the text  mailto:  followed by the email address you wish to link to (e.g. mailto:name@company.com). Note: If you forget to type ‘mailto:’, the CMS will detect that it is an email address and automatically add it on your behalf.
3. In the Link title field, enter the text that will be shown as a description for the link.
4. Leave the Target field unchecked.
5. Click Submit.

  Link to an anchor on the same page

Sometimes it can be useful to link to a place on the same web page. For example, you have a long piece of text divided into several different sections. In order to be able to link to a specific place on a page, you must add an ‘anchor’ so that the web browser knows where it should go.

Insert an anchor

1. Select the text where you want to place a bookmark and click Anchor in the toolbar to open the Anchor dialog box.
2. In the Id field, enter a name for you anchor. Avoid using special characters or spaces.
   
   
   
   
3. Select Ok.
4. The anchor is displayed in the editor as a yellow or grey anchor symbol.  

Delete an anchor

1. Select to the right of the anchor symbol in the rich text editor.
2. Press the keyboard Delete key.

Link to an anchor

1. In the rich text editor, select the text that will form the hyperlink and click the Insert/edit link button to reveal the Select link slide out panel.
2. In the Anchor / querystring field, enter the previously created anchor name (with a hash # before it), or select it from the anchor drop-down list (as per visual below).
   
   
   
   Don’t worry if you forget to add the hash #. If the application detects an anchor with the same name, it will add it on your behalf. It will look like this:
   
          
   
   
3. In the Link title field, enter the text that will be shown as the link description text. This is important information for anyone reading the website with an accessibility aid.
4. Leave the Target field unchecked when linking to an internal Brand Toolbox page.
5. Click Submit.

Create a link from an image

You can also make images into clickable links in Brand Toolbox.

1. Insert an image into the editor (see Working with images for more details).
2. Select the image that will form the hyperlink.
3. From here, follow the same instructions as for inserting a normal hyperlink, starting at step 2.