To embed a PDF onto a page so it viewable by visitors to the site, navigate to the page that you would like to place it on and select Edit Page. From there insert a new widget, select the HTML SOURCE widget from the choices given and paste the following code into it. 


<iframe frameborder="0" height="950px" longdesc="State Exam Information - District Letter" name="State Exam Information" scrolling="no" src="timberhillhighschool/files/documents/stateexamInformation.pdf" width="100%"></iframe>


After pasting the above code into the widget you will need to update the following information, which is highlighted above so you can see where it is in the code, so they are appropriate for your document. 

  • height - Enter the height in pixels you would like the the viewer to be. You 
  • longdesc - A description of the document.
  • name - Name of the document
  • src - The relative URL of the document. For example for the following; http://yourschool.net/itmberhillhighschool/files/documents/stateexamInformation.pdf you would copy everything but the http://yourschool.net/

    Note - If you are having issues finding the relative URL of a PDF. you can do so by using the link tool that is built into the HTML WYSIWYG widget. Copying the information that is being displayed in the URL field in the link editor.


When you are finished editing the code, click on the green Create button located at the bottom of the widget and then Save --> Publish to view the embedded PDF on the page. You may have to do this several times to adjust the height of the widget so the PDF is how you would like it on the page.



Additional Articles

  • HTML Source - An article that reviews the HTML Source widget