Embedding PDF Files on School Site

Overview

Webmasters and staff members may need to embed PDF files to the school website or user sites.

Prerequisites

• You need to have webmaster rights to embed a PDF file to a school site.
• You need to have a teacher, admin, or staff account to embed a PDF file to your user site (My Website).
• You have uploaded the file to the Locker or an alternative web resource.

Solution

1. Log in to your School Loop account.
2. If you have uploaded the file to your Locker, get its URL:
   1. Open your Locker.
      
      
      
      
   2. Select the required locker and click on the PDF file you want to embed. It is opened in the new page.
      
      
      
      
   3. Copy the URL to the PDF file.
      
      
      
      
3. Open the page to which you want to add the file on the School Site or your User Site.
   • Click Site Center if you want to add file to one of the pages on the School Site.
     
     
     
     Select the required page and click Edit.
     
     
     
     
   • Click My Website if you want to add file to your User Site.
     
     
     
     
4. Add Custom HTML module to the required page.
   In step 7 of the article linked above, insert the following code with the URL to the PDF file - you can use the URL that you copied from your Locker or URL to the PDF file stored on alternative web resource. 
   Also, you can adjust width and height of the embedded file by editing the corresponding values in the code (in percentage or number of pixels). 
   

   <iframe src="<Link to the file from step 2>" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

   
   
   
5. Edit the page as needed.
   
   
6. Click Publish Changes once the page is ready.
   
   

Confirmation

Open the updated page or user site.

The embedded PDF file is displayed on the page.

Back to top