How to Embed PDFs on a Static Page

There are times when it may be necessary to display a PDF directly on a webpage rather than through a link, which can be accomplished through an embed.

There are 2 options to embed a PDF on a webpage. The first step is the same for both options: go to the webpage the PDF will be displayed on and toggle the page editor at the top of the screen to Active.

Once the page editor is active, a PDF can be embedded using the content editor or a PDF can be embedded directly on a webpage via the source code.

Embed Using Content Editor

In the WYSIWYG (what you see is what you get) content editor select Insert and then Insert/edit iframe. Select or upload the PDF to embed from Novi Files and be sure to set the width of the iframe to 1000px. The embedded PDF can be deleted as needed by clicking the pdf and hitting the Delete key on your keyboard.

Embed via Source Code

Add the following style code at the top of the source code for the page section embed within:

NOTE: If there are multiple PDF embeds on a page, the