PDF insert

It is possible to use an iFrame to insert PDF's into CMS pages to display large documents in a user friendly way.

Firstly, search for the PDF you'd like to host on a CMS page and click the download arrow to open the download popup, do not click the download button as this will simply download the asset. If you have more than one download option select 'Download Original File'

Right click on the Download Link in the popup and copy the link address. Paste this onto a note for use later.

Now navigate to the page where you'd like the PDF to be displayed. Apply a Rich Text Block to the page

1. Click Edit Content
2. Go to the Rich Text Block - Content tab
3. Click on Source Code
4. Input the iFrame code
   

   <iframe 
   src=".../.../download/original/[download link here]" 
   width="80%" 
   height="700px" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

   
   

   Note that you can set the width and height of the frame in which the PDF will display and choose to include the toolbar which will enable users to download the file.
   
   

   

   
   

5. The code shown above will contain part of the download link which you copied earlier - shown highlighted in blue
   
   
   
   

6. So for this PDF my final HTML code would read

   <p style="text-align: center;">
   <iframe src=".../.../download/original//0031/Page6_003139_001.pdf" 
   width="80%" height="700px" 
   frameborder="0" allowfullscreen="allowfullscreen">
   </iframe></p>

7. Click ok and publish page.