[Video] Embedding A PDF or File To A Page
Welcome to our Placester Hacks series. Placester Hacks are Placester-approved tricks and workarounds that allow you to accomplish some customizations that may not seem possible with the current toolsets included in Placester’s products. Keep in mind that these hacks are generally more advanced than standard setup instructions. Using the Google Docs version of this hack does require some understanding of both HTML and iframes. If you are running into any issues with this please feel free to reach out to our support team.
Placester offers several different ways to share a PDF or file on the site. The two most popular options are using either Dropbox or Google Drive. The most straightforward is creating a download link through Dropbox. The more advanced option is to embed the document using Google drive.
Obtaining a Download Link with Dropbox
Our platform does not currently have a document storage feature, so you'll need to upload your file to DropBox.
Once uploaded, just click the share option to generate a public URL for your PDF document:
Embedding a PDF with Google Drive
To start, you will want to make sure that your PDF has been uploaded and is publicly accessible in your Google Drive. You can learn more about how to add a PDF to your Google Drive here.
Once your PDF is in your Google Drive account, you will want to begin by double-clicking on the PDF in your Google Drive Dashboard.
In the PDF viewer, you will want to click on the three dots in the top right-hand corner and then click “Share”.
You will notice that a “Share” box has appeared on the screen. Here, you will want to make sure that the share setting is set to “Anyone With The Link Can View”. Once this is set, click on the “Copy Link” option, and then click “Done”.
Next, you will need to open a new tab or window in your browser. In the URL/Address bar, paste the link and hit enter.
You should be able to pull up your PDF in the new tab so that it’s separate from your Google Drive. Here, you will want to click on the three dot icon again in the top right-hand corner, and click on “Embed Item”.
This will bring up a screen that will provide you with the iframe code that you can use to embed the PDF to a page or post on your site.
Once you have copied the iframe code, you can paste this code within the HTML editor of your page or post within the backend of your Placester site. You can learn more about embedding HTML here.
Pro Tip: When looking at the iframe code that Google provides you for your PDF, you will notice a part of the code that states “width=”640” height=”480”>”. This section is located towards the end of the code. To have your PDF fit better on Placester pages and posts, we recommend changing this part of the code to “width=”100%” height=”660”>”
Embedding an Ebook
We've seen some users use an outside tool called Flipsnack to embed a flipbook version of a PDF directly into their page content using HTML:
Click here to learn more about embedding HTML on a page.
Need More Help?
If you have additional questions about adding a PDF to a page on your site, let our support team know at firstname.lastname@example.org.