General Information

How can I make a PDF viewable on a page so it doesn't need to be downloaded?

To embed a PDF onto a page so visitors can view it 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" title="a letter from the superintendent about the state exam" 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 to be appropriate for your document. 

Campus Suite Tip - 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 Text widget. Copying the information that is being displayed in the URL field in the link editor.

To find the URL of a PDF stored in a Google drive, preview the PDF and click on the three vertical dots at the top right-hand side of the screen. Select Embed Item... from the options given and copy the URL in the quotes after src= and paste it into the example above, update the longdesc and name, so they are appropriate for the document.


When you are done editing the code, click on the green Create button located at the bottom of the widget and then either Publish or Save Draft in the side navigation to view the embedded PDF on the page. You may have to do this several times to adjust the widget's height so the PDF is how you would like it on the page.