Displaying a PDF

Displaying a PDF

There are two primary ways to display a PDF file through your website.

  1. Display the PDF directly on a custom page using a framed PDF viewer.  Google Docs offers an undocumented feature that lets you embed PDF files and PowerPoint presentations in a web page. The files don't have to be uploaded to Google Docs, but they need to be available online. Here's the code that can be used to embed the PDF file.  (I removed the "<" from before the beginning of the code so you can see the code without our admin panel turning into an actual iframe.)

    iframe src="http://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" style="width:660px; height:500px;" frameborder="0">

    You should replace the bold URL with your own address. This would be done by uploading the PDF to the file manager in the admin panel. 

    The only thing to keep in mind with this method is that the PDF viewer is limited by the size of the web page.  Depending on the contents of the PDF, this may or may not matter.  That's for you to decide.

    Here's what it should look like:

  2. You can upload your PDF to the file manager and link to it.  This would open the PDF in a visitor's resident PDF viewer, not on the site itself.  The advantage of this method is that the PDF can be viewed in full screen and can be saved for later viewing on a person's computer.

    See Creating a Hyperlink and the subheading Linking to a Downloadable File for details on how to do this.

Contact Information

Photo of Client Support Real Estate
Client Support
Real Pro Systems
400 S. Colorado Blvd., Suite 970
Denver CO 80246