One of the things I have been struggling with lately is how to embed a PDF in a Google Site. It turns out if you have the PDF saved in your Google Drive, it’s not that difficult. All you have to do is click on the PDF in your Drive, pop it out into a new window, and copy the embed code. Then you head over to your site, click to edit, choose HTML, and paste in the code. Update and save, then sit back and congratulate yourself on a job well done!
See the step by step instructions and animated GIFs of the process below.
Step 1: Open PDF in your Drive and click on the Pop Out window icon. This step is the key; you can’t get the embed code unless you pop out the window.
Step 2: In the new window, click the 3 vertical dots (more options) and choose Embed item…
Step 3: Copy the embed code.
Step 4: Go to the page on your Google Site where you want to embed the PDF. Click the pencil icon to edit, then click HTML.
Step 5: Paste the embed code into the HTML editor. Click Update at the bottom.
Step 6: Don’t forget to save!
Animated GIFs of the process:
Getting the embed code
Pasting the embed code
