You are using an unsupported browser. Please update your browser to the latest version on or before July 31, 2020.
Home > Create and Manage Learning Products > Content Management Tools > Styling Content > Embedding Content (Images, PDFs, Links and H5P Interactives)
Embedding Content (Images, PDFs, Links and H5P Interactives)
print icon

You can embed a variety of content types using the What You See Is What You Get (WYSIWYG) Editor in BluePrint. You can insert images, videos, PDFs, a horizontal line, or a special character using the below set of buttons:



Each of these functions walks you through adding your content on our platform.


To embed a different type of format, you can use embed codes that are generated by the platform. Microsoft Office, for instance, allows you to generate embed codes when accessing files from Microsoft Office Online. Similarly, H5P (a site that allows you to build and share interactive HTML content) allows you to copy+paste an embed code. Here is their walkthrough on embedding content.

These HTML codes usually start with <iframe, and you can embed those into your content by clicking the Source button in the WYSIWYG Editor (first button listed in the screenshot above) and pasting the <iframe into the relevant spot.

Embedding a link in an Iframe

In order to embed a link in an Iframe within a lesson, follow these steps:

  1. Select the Source button within a lesson to open the HTML source code editor
  2. Paste the following code into the editor

    <div style="position: relative; display: block; max-width: 960px;">

    <div style="padding-top: 56.25%;"><iframe title=”Survey” src="https://www.samplelinkaddress" style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;"></iframe></div>


    1. Replace the link in red with the specific link you would like to embed
    2. Suggested styling is already included in the code above. You can update the style if you wish, contact support if you encounter issues with desired styling. 
  3. Click Save 
  4. Select Publish Changes when ready to build your course 

NOTE: The steps above are applicable for any link (ie. SurveyMoneky, Brightcove) unless the source of the link blocks the Iframe or if javascript is involved - contact support for further assistance. 

Updating Supplementary Materials

In order to replace a supplementary material file you will need to remove the old file and upload the new version. To do this, follow these steps:


  1. Select the supplementary material within a lesson that you would like to replace.
  2. Highlight and delete the supplementary material file.
  3. Upload the new supplementary file via the Insert Supplementary Material icon in the WYSIWYG editor.


Removing the Box Surrounding the Supplementary Material

In order to remove the supplementary material box and only showcase the link to the content, follow these steps:


  1. Upload the new supplementary file via the Insert Supplementary Material icon in the WYSIWYG editor.
  2. Save your lesson.
  3. Click to Edit your lesson again.
  4. Right-click on the blue box and select Edit Link.
  5. Copy the link and select Cancel to exit out of the modal.
  6. Highlight the text you'd like to place your copied link, and click on the Link button.
  7. Paste the link and click OK.
  8. Delete the blue box so that only your newly pasted link remains.
  9. Save your edits and Publish Changes when ready.


Updating Supplementary Materials With the Same File Name

If the old supplementary material file and the new version have the same file name, the old file will need to be overwritten in order for the new version to exist within your course. To overwrite a file, follow these steps:

  1. Zip the new version of your supplementary file.
  2. Access Blueprint and navigate to the desired course, and click on Other Tools on the left-hand side.
  3. Click on Import Content.
  4. Scroll down to “Zipped Content Files,” and under “Supplementary Content,” click on Choose File.
  5. Select your zipped file.
  6. Scroll all the way down to “Content Options,” and select the Overwrite Existing Supplementary Files checkbox.
  7. Click on Import Content.
  8. Navigate to where the old supplementary file appears within your course.
  9. Click on the file link, and verify the new version of the file appears.


0 out of 1 found this helpful

scroll to top icon