Create a Clickable PDF in an Announcement

Creating clickable PDFs in an announcement, or within any D2L WYSIWYG Editor (What You See is What You Get) enables faculty to provide students with easy access to link resources directly from course materials. This guide outlines how to make PDFs with embedded links that can be opened in D2L for a more streamlined experience. In this example, we'll upload a PDF into the WYSIWYG Editor as an announcement and make it clickable.

Generate a URL Link for the PDF

  1. Navigate to the module where you want this PDF to be displayed. In this case, we are going to create an announcement. Click on [New Announcement] under Announcements.

    Shows the New Announcement button under the Announcements section.
  2. Title your announcement, then click on the [Insert Stuff] icon.

    Shows the announcement title field and the Insert Stuff icon in the WYSIWYG editor toolbar.
  3. Locate the PDF's location. In this example, the PDF is located under [My Computer].

    Shows the Insert Stuff window with My Computer selected as the file location.
  4. Use your mouse to Click & Drag your PDF file into the dotted box, or click [Upload] to select your PDF file.

    Shows the file upload area with a dotted box for dragging and dropping a PDF file.
  5. After the file is confirmed to be uploaded, select [Upload] at the bottom.

    Shows the Upload button at the bottom of the file upload confirmation screen.
  6. Type in the Link Text field if you wish, click on [New Window] then [Insert].

    Shows the Link Text field with the New Window option selected and the Insert button.
  7. Click on the newly inserted [Link] — this will open a new tab in your browser.

    Shows the inserted PDF link in the WYSIWYG editor.
  8. Make a note of the URL Link in the URL bar — you will need this for the next section.

    Shows the browser URL bar with the PDF link URL highlighted.

Insert the PDF Image as a PNG

  1. Use a tool such as Windows' Snipping Tool to capture an image of the PDF. Save this cropped section as a PNG file and insert it into the WYSIWYG Editor.

    Shows a PNG screenshot of a PDF captured using the Windows Snipping Tool.
  2. Click on the [PNG image] to select it, then click [Insert Quicklink] from the toolbar above.

    Shows the PNG image selected in the WYSIWYG editor with the Insert Quicklink icon highlighted in the toolbar.
  3. Scroll down and click on the [Link] option.

    Shows the Insert Quicklink menu with the Link option selected.
  4. In the Insert Quicklink window:
    1. In the Link field, copy and paste the URL you obtained from Step 8 of the previous section.

    2. Do not edit or delete any text from the Text field.

    3. Under Open in, select [New Window].

    4. When finished, click [Insert].

      Shows the Insert Quicklink window with the URL pasted in the Link field, New Window selected, and the Insert button.
  5. Once inserted, clicking on the PNG image should open a new tab in your browser with the full PDF loaded. Press [Publish] or [Save Draft] when finished.

Troubleshooting and Support

If you need additional assistance, contact the IT Service Desk at 281.318.HELP (4357).