How to Embed a PDF to a Page or a Post on Your Website

  04/09/2021

This tutorial video walks you through the steps of embedding a PDF to a page or a post on your website. It shows you where to obtain the code (bottom of this page) and exactly how to add it. Even if you’ve never worked with code, this tutorial makes it fast, simple and easy - and now you’ll be able to embed PDF’s to your website!




How to Embed a PDF to a Page or a Post on Your Website written instructions. 

First, add the PDF to your Content:

  1. Login via connect.dataczar.com and go to the Content button on the Main Menu.
  2. Click "Choose Files" and find your PDF file > Then double click on the PDF file to upload.
  3. Your PDF will now be located in "My Files" on the Content button. 
  4. Go to "My Files" and "Copy" the PDF link (this automatically goes into your clipboard). 


Second, embed the PDF to your Page or Post:

  1. Go to the page or post you wish to update (or create a new page or post) > And click edit.
  2. Scroll down to the editing screen > Decide where you wish to add the PDF > Click on "Edit Code" (on the editor toolbar).
  3. Click on "< > Source Code" > This takes you to the code to edit.
  4. Paste the PDF link (that you have copied into your clipboard from #4 above) into a new line (where you want the PDF to show up).
  5. Now, copy and paste the code shown below into the next line down (directly below where you want the PDF to show up).
  6. Go back to the PDF link (in #4 directly above) and "Cut" (control C) to remove the PDF link (and put back into your clipboard).
  7. Next, replace the words pdf_Link_goes_here text with the PDF link (that's now back in your clipboard). 
  8. Click OK to save the code adjustment and return to the regular Editor window.
  9. Click on Previews to preview (note: the PDF will show small on Previews). 
  10. If all looks good, click Create or Update to save.

Use this code:
<p><iframe src="pdf_Link_goes_here" width="100%" height="500px"></iframe></p>