Skip to main content

Create an Active Hyperlink

Quality Matters and Universal Design guidelines state that when linking to the Internet, use descriptive text and link the text rather than pasting a URL. See instructions for creating an active hyperlink on a Moodle Section, Page, Label (Text/Media), Quiz, Forum and more. The process is slightly different depending on if you use the Tiny MCE Legacy editor or the Atto editor, as shown below.

Step-by-step guide when using the Tiny MCE Legacy Editor

In the textbox area of the page or label, follow the steps below as shown on the screenshot:

  1. First copy the URL for the hyperlink you will add.
  2. Add/Select the descriptive text you would like to link in the textbox area.

    image.png


  3. Drag your cursor to select the text you would like to make into a link.
  4. In the text entry box, click the Link icon (You may need to click on the cube icon to expand your toolbars first).
  5. The Insert/edit Link pop-up window will open. In the Enter the URL field, paste the Web address (URL) for the link.
  6. In the Target area, set link open in a new window, check Open in new window.
  7. Click the Insert button. The Link window will close.
  8. The descriptive text will now be hyperlinked and text will appear in a new color.
  9. Finally, check that your new hyperlink opens correctly.

Step-by-step guide when you use the Atto editor.

  1. First copy the URL for the hyperlink you will add.
  2. Add/Select the descriptive text you would like to link in the textbox area.

    image.png


  3. In the text entry box, click the Link icon (You may need to click on the cube icon to expand your toolbars first).

  4. Insert/edit Link pop-up window will open. In the Enter the URL field, paste the Web address (URL) for the link.

  5. Set to open in new window
  6. Save
  7. Finally, check that your new hyperlink opens correctly.

A Slight Change for Discussion Forum replies
  1. First copy the URL for the hyperlink you will add.
  2. Then click on the button to use the Advanced Editor...,as shown below.
  3. Next follow the  steps above, posting to the forum when you are ready.

Steps for discussion forum link.png

Switch Text Editor Toolbar Preferences in Moodle