This article explains two ways to embed a PDF on your page while retaining appearance and functionality.
Table of Contents
\uD83D\uDCD8 Instructions
Upload a PDF
Click +Add Content.
Select Upload a File.
Click Placement Folder and choose where to upload the file.
Click Choose.
Choose a file to upload. (File name will auto populate.)
Click Preview Draft to preview your file.
Publish your file. (Publishing is required in order to successfully create a live hyperlink to this PDF.)
Embedding a PDF using Source Code
The PDF displays on your page, but you will have to scroll through the PDF to see it entirely.
Navigate to the page where you want to insert the PDF.
Click the Edit button to enter int editing mode.
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.
Click the < > symbols that read Source Code. (The Source Code editor will open.)
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>
Example below.
Click Ok and Preview Draft.
Embedding a PDF using Insert/Edit Media
Follow instructions 1-3 in the Embedding a PDF using Source Code section.
Click Insert/Edit Media.
Insert the same code, from Step 5 above, in the Source box.
Click Ok and Preview Draft.
Submit Changes
Click Preview Draft.
Click Submit.
Page is saved and shows in the Site Directory.