How to Embed a PDF

This article explains two ways to embed a PDF on your page while retaining appearance and functionality.

Table of Contents

 Instructions

Upload a PDF

1. Click +Add Content.
   
   

   Open

   

2. Select Upload a File.
   
   

   Open

   

3. Click Placement Folder and choose where to upload the file.

4. Click Choose.
   
   

5. Choose a file to upload. (File name will auto populate.)

6. Click Preview Draft to preview your file.

7. Publish your file. (Publishing is required in order to successfully create a live hyperlink to this PDF.)

Embedding a PDF using Source Code

1. Navigate to the page where you want to insert the PDF.

2. Click the Edit button to enter into editing mode.

3. Locate the area in the page's content where you want to insert the file. This may be within a WYSIWYG editor or a specific content block.

4. Click the < > symbols that read Source Code. (The Source Code editor will open.)
   
   

5. Copy the following iframe code. Replace the src value inside the quotation marks with the entire hyperlink to the PDF. (see example below-the red selected text would be the path of your file.)
   
   

   <p><iframe width="100%" height="500px" src="/render/file.act?path=/sample-pages/Cascade-CMS-ProcessFlow.pdf"></iframe></p>

    

6. Example below. (You can change the width and height values to your preference.)
   
   

7. Click Ok and Preview Draft.

Embedding a PDF using Insert/Edit Media

1. Follow instructions 1-3 in the Embedding a PDF using Source Code section.

2. Click Insert/edit media.
   
   

3. Insert the same code from Step 5 above in the Source box.
   
   

4. Click Ok and Preview Draft.

Submit Changes

1. Click Preview Draft.

2. Click Submit.

 Related articles