Hyperlinks are a great way to add interactivity to your quiz. They let learners click an object on your slide and jump directly to the content they need. In Articulate Quizmaker, you can hyperlink to:

  • Web pages
  • Files
  • Email addresses

In this tutorial, we'll explore each type of hyperlink. We'll also look at how to change the color of hyperlinked text.

Hyperlinking to a Web Page

Here's how to add a hyperlink that opens a web page:

  1. First, select the item you want to be clickable. You can add hyperlinks to most objects in Quizmaker. (Tip: You'll need to be in Slide View to add hyperlinks to most items, but you can also add hyperlinks to text in Form View.)
  2. Then do any of the following:
    • Press Ctrl+K.
    • Go to the Insert tab, and click Hyperlink.
    • If you're adding a hyperlink to text, you can also right-click the text and choose Hyperlink.
  3. When the Insert Hyperlink window appears, set the following properties for your hyperlink:
    • Text to display: For text hyperlinks, this field will already be populated with the text you selected, but you can change it here if you'd like. For hyperlinks on other items (pictures, shapes, characters, etc.), this field will be grayed out.
    • Address: Enter the full URL of the web page for your hyperlink. If you want to make sure your link works properly, click the Test button. It'll launch the URL in your default browser. Note: For non-public links, learners will need to have the necessary security permissions to access the content.
    • Window: Choose where you want the web page to display, either Display in new browser window or Display in current browser window. If you decide to open the web page in a new window (which is the default option), you can also customize the controls and size for the new window. Just click Default browser controls at default size, and choose your settings.
  4. Click Save.

Hyperlinking to a File

The best option for hyperlinking to a file is to upload the file to a web server. Then link to its URL using the method above.

Another option is to place a copy of the file in your published output. It involves a little more work than the method above, but there may be times when it's useful.

  1. First, select the item you want to be clickable. You can add hyperlinks to most objects in Quizmaker. (Tip: You'll need to be in Slide View to add hyperlinks to most items, but you can also add hyperlinks to text in Form View.)
  2. Then do any of the following:
    • Press Ctrl+K.
    • Go to the Insert tab, and click Hyperlink.
    • If you're adding a hyperlink to text, you can also right-click the text and choose Hyperlink.
  3. When the Insert Hyperlink window appears, set the following properties for your hyperlink:
    • Text to display: For text hyperlinks, this field will already be populated with the text you selected, but you can change it here if you'd like. For hyperlinks on other items (pictures, shapes, characters, etc.), this field will be grayed out.
    • Address: Delete everything that appears in this field, and then type the full name of your file, including its file extension. (The Test button won't work when using this method.) Example: Annual_Report.pdf
    • Window: Choose where you want the web page to display, either Display in new browser window or Display in current browser window. If you decide to open the web page in a new window (which is the default option), you can also customize the controls and size for the new window. Just click Default browser controls at default size, and choose your settings.
  4. Click Save.
  5. Publish your quiz.
  6. When the Publish Successful dialog appears, click the Open Folder button.
  7. When the folder containing your published quiz opens, place a copy of the hyperlinked file into it.

Notes:

  • Any files that you hyperlink in this manner must be placed in the root folder of your published output (the same folder that contains the quiz.html file).
  • If you republish your quiz, you'll need to place a copy of the file into your published output again.
  • We recommend not using spaces in the file name. Some browsers do not work well with spaces. Use underscores or hyphens instead.
  • Depending on the type of file and learners' security settings, the file may simply open when clicked, or learners may be prompted to save it first.

Hyperlinking to an Email Address

Here's how to add a hyperlink that opens a new mail message to a specific email address:

  1. First, select the item you want to be clickable. You can add hyperlinks to most objects in Quizmaker. (Tip: You'll need to be in Slide View to add hyperlinks to most items, but you can also add hyperlinks to text in Form View.)
  2. Then do any of the following:
    • Press Ctrl+K.
    • Go to the Insert tab, and click Hyperlink.
    • If you're adding a hyperlink to text, you can also right-click the text and choose Hyperlink.
  3. When the Insert Hyperlink window appears, set the following properties for your hyperlink:
    • Text to display: For text hyperlinks, this field will already be populated with the text you selected, but you can change it here if you'd like. For hyperlinks on other items (pictures, shapes, characters, etc.), this field will be grayed out.
    • Address: Type mailto: followed immediately by the email address. (The Test button won't work for mailto links.) Example: mailto:sales@articulate.com
    • Window: This option will be grayed out for mailto links.
  4. Click Save.

Notes:

Mailto links can include additional parameters, such as:

  • Multiple email addresses: Separate multiple email addresses with commas (but no spaces).
  • Subject line: To add a subject line, type ?subject= immediately after the email address followed by the text of the subject line. Do not use spaces. Replace spaces with %20.
  • Body text: To add default text to the body of the email, type &body= immediately after the subject line followed by the body text you want to use. Do not use spaces or line breaks. Replace spaces with %20. Replace line breaks with %0D%0A.

Here's an example of a mailto link with a subject line and some default body text:

Sample Email Hyperlink

Changing the Color of Hyperlinked Text

When you apply a hyperlink to text, the text color changes and an underline appears. Also, when learners hover over the hyperlink in your published quiz, a text highlight appears in a color that matches the hyperlink color.

The hyperlink color comes from the design theme for your quiz. Here's how to modify it:

  1. In Slide View, go to the Design tab and click Colors.
  2. The theme colors you're currently using will be marked by a thin orange outline. If you're using a Custom theme, right-click it and choose Edit. If you're using a Built-In theme, choose Create New Theme Colors (since the built-in colors can't be edited).
  3. When the color editor opens, change the Hyperlink color to the color of your choice. To learn more about editing theme colors, see this tutorial.
  4. If you're creating a new set of theme colors, enter a Name for the new theme.
  5. Click Save to return to your quiz.

Editing a Hyperlink

To edit a hyperlink that you applied to text, place your cursor somewhere in the hyperlinked text, and do any of the following:

  • Press Ctrl+K.
  • Go to the Insert tab, and click Hyperlink.
  • Right-click and select Edit Hyperlink.

To edit a hyperlink that you applied to anything other than text, select the object, and do either of the following:

  • Press Ctrl+K.
  • Go to the Insert tab, and click Hyperlink.

When the Edit Hyperlink window appears, modify any of the settings, then click Save. Or, to remove the hyperlink altogether, click Remove Link.

Previewing Slides That Contain Hyperlinks

When previewing your quiz, you may find that hyperlinks don't work as expected. To properly test hyperlinks, you'll need to publish your quiz, and test the hyperlinks in your published output.