How to Embed a PDF into a Modern SharePoint Page

Embedding PDFs into modern SharePoint pages is very simple with the use of ShortPoint Code Editor Web Part. All you have to do is follow the quick walkthrough or go through the detailed guide in the Step-by-Step Tutorial.

Quick Walkthrough

1. Go to your PDF file and copy its URL.

2. Copy the code below and replace the src value with the URL you copied from Step 1:

<iframe width="1000" height="500"
     src="https://PDFURL.com">
</iframe>

3. Go to your SharePoint page and add the ShortPoint Code Web Part.

4. Click the Edit Properties icon of the ShortPoint Code to edit it.

5. Click Import Code to paste the code.

6. Select the Edit HTML field to customize the code according to your needs. Once done, click Save.

7. Close the ShortPoint Code window.

8. Republish the page.

TABLE OF CONTENTS

• Prerequisite
• Step-by-step Tutorial
  • Step 1: Copy the PDF URL
  • Step 2: Copy Code
  • Step 3: Add the ShortPoint Code Web Part
  • Step 4: Edit the ShortPoint Code Web Part
  • Step 5: Paste the Code
  • Step 6: Republish Page

Prerequisite

• You must already have the ShortPoint Code Web Part installed on your SharePoint page. To learn how to do this, check out How to Install ShortPoint Code Editor in SharePoint.
• You must already have an existing PDF file saved in a document library that is accessible to your users.

Step-by-step Tutorial

Follow the steps to learn how to embed a PDF into your SharePoint site:

Step 1: Copy the PDF URL

• Go to the PDF you want to use and copy its URL:

Step 2: Copy Code

• Copy the code below and replace the src value with the URL you copied from Step 1:

<iframe width="1000" height="500"
     src="https://PDFURL.com">
</iframe>

• Go to the SharePoint page where you want to add the PDF and click Edit:

• Click the close icon to leave the Toolbox:

• Select the plus icon to add a web part:

• Use the search bar to look for ShortPoint Code, or scroll down until you see the Advanced section. Click ShortPoint Code:

Step 4: Edit the ShortPoint Code Web Part

• Click the Edit Properties icon:

Step 5: Paste the Code

• Click Import Code:

• You will get a pop-up asking if you want to overwrite the current code with the code in your clipboard. Click OK:

• You will get a notice that the code was successfully imported from your clipboard. Click OK again:

• You can directly edit the code in the code editor. Simply select the Edit HTML field, freely customize the code according to your needs, and click Save:

Step 6: Republish Page

• Once satisfied, click the close icon to leave the ShortPoint Code window:

• Click Republish once you’re ready to make your changes live:

Congratulations! Adding PDFs to your SharePoint pages is now a breeze. Find more ways to improve your SharePoint pages using the ShortPoint Code Editor by checking the articles below:

• How to Add an X Post to a SharePoint Page
• How to Add an Instagram Post to a SharePoint Page
• How to Add a LinkedIn Post to a SharePoint Page
• How to Add a Viva Engage Feed to a SharePoint Page
• How to Embed a YouTube Video Playlist to a SharePoint Page
• How to Embed a Vimeo Video Playlist to a SharePoint Page
• How to Add a Stock Widget to a SharePoint Site