To create an image hotspot, visit https://h5p.org/tutorial-image-hotspots.

To embed your hotspot into cuPortfolio, complete the following steps:

  1. Underneath your hotspot image, click ‘Embed’.
  2. Copy the code provided in the pop-up box.
  3. In cuPortfolio, click on the title/tab of the page you want to edit.
  4. Click the edit icon (pencil) in the top right hand corner of the page.
  5. Click and hold down the red plus button to drag it onto your page and add a new content block.

    drag red plus button

  6. Click on ‘External Media‘.
  7. Copy the URL of the video or the embed code and paste it into the URL or embed code field.
  8. Click Save.

Was this page helpful?

no one has found this useful yet.

Share: Twitter, Facebook
Short URL: https://carleton.ca/cuportfoliosupport/help/?p=1030