Add links in WYSIWYG editor

There are three types of links - External Links, Section Links and Content Links.

Creating good link text

  • Good link text describes the page that will load so the user can decide whether to click or not. Write the sentence as you normally would, and place the link anchor on the keyword or phrase that best describes the additional content you are linking to.
  • Bad link text, such as non-descriptive 'click here' links force the user to follow the link to learn its destination. Avoid inserting a link without descriptive link text for example, http://www.arts.canterbury.ac.nz/. It should always be College of Arts.
  • Text links are more valuable to search engines than links in headers, lists or navigation. This means pages containing text links are ranked more highly in search results.

Add an external link

An external link is any link outside of T4. This may be an external website, such as Studylink, a link to an UC webpage outside of T4, an email or a phone number. 

  1. Type the text you want to use as your link text
  2. Highlight the text then select Insert > Insert link > Insert/edit external link from the WYSIWYG
  3. The Insert link window opens
  4. Enter the URL of the site you want to link to in the URL field. See below if the link is to a phone number or email address.
  5. From the Target dropdown, choose how the link should open by either select None to open the link within the same window or New window to open the link in a new window. If it is an external link to a website outside of UC, a phone number, or an email address select New window
  6. Click the OK button to save the link

Add a phone link

Add phone links to enable ‘click to call’ on devices with phone capabilities.

  1. Enter the phone number using the format +64 3 XXX XXXX
  2. Highlight the phone number then select Insert > Insert link > Insert/edit external link from the WYSIWYG
  3. The Insert link window opens
  4. Enter tel: before the phone number in the URL field. Replace the +64 with 0064. Make sure there is no space between the colon and the number, or between the 64 and the next number
  5. From the Target dropdown, select New window
  6. Click the OK button to save the link

Add an email link

Add email links to automatically open email software on devices where this has been enabled.

  1. Enter the email address
  2. Highlight the email address then select select Insert > Insert link > Insert/edit external link from the WYSIWYG
  3. The Insert link window opens
  4. Enter mailto: then the email address, making sure there is no space between the colon and the address.
  5. From the Target dropdown, select New window
  6. Click the OK button to save the link

Add a Section Link

A Section Link is a link to a section within T4. It links to the ID of the section, which means that if the section is moved the link will stay active and any changes, such as name, will be updated. 

  1. Type and highlight the text you want to use as the link text or place your mouse where you want the link inserted.
  2. Select Insert > Insert link > Insert section link from the WYSIWYG
  3. A window will pop up displaying the Site Structure. Navigate to the section you want to link to and click on it. The section link will be added

Add a Content Link

A Content Link is a link to a content item within a section. It works by linking directly to a specific piece of content on a page which may have multiple content items on it. As a result, the link will jump to the exact place on the page where the content starts.

  1. Type and highlight the text you want to use as the link text or place your mouse where you want the link inserted.
  2. Insert > Insert link > Insert content link from the WYSIWYG
  3. A window will pop up displaying the Site Structure. Navigate to the section and then the content you want to link to and click on it. The Content Link will be added.

Add a document link

  1. Make sure your document is in the Media Library, see Manage the Media Library for instructions on how to upload documents
  2. Click the Insert from Media icon in a WYSIWYG editor content type
  3. Browse and select the document from the Media Library and add the file type and file size in brackets after your link, eg, T4 Moderator Training (PDF, 2.5MB)
  4. Preview to make sure you are happy with your added documents
  5. Click Save changes to save or Save and approve to publish