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
Table of Contents | ||||||
---|---|---|---|---|---|---|
|
...
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
Info |
---|
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 the into editing mode.
Locate the area in the page's content where you want to insert the file. This may be within a WYSIWYG (What You See Is What You Get) editor or a specific content block.
Click the < > symbols that reads read Source Code. (The Source Code editor will open.)
Copy and paste the highlighted code below but insert the path (URL) of your PDF after src= 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.)
>Code Block language html <p><iframe width="100%" height="500px" src="/render/file.act?path=/sample-pages/Cascade-CMS-ProcessFlow.pdf"
<></iframe></p>
Example below. (You can change the width and height values to your preference.)
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 Mediaedit media.
Insert the path of your file after
path=
same code from Step 5 above in the Source box.Click Ok and Preview Draft.
...