Occasionally, you may want to embed a previewable PDF or document into your site or your course materials.
Luckily, using our iFramely integration, you're able to do exactly that!
Creating the embed element
Natively, PDFs and other files uploaded into Podia will appear as a downloadable element. There is not a way to embed a file inside Podia, but using our iFramely integration, you can use an external platform to help you accomplish your vision!
In the example below, we'll go over how to embed a PDF that is hosted in Google Drive.
First, you'll navigate to drive.google.com and either sign-up for a new Google account, or sign into an existing one.
Next, you'll locate the folder you'd like to upload your PDF file into. From there, you can drag and drop your file into the folder.
Next, you will open the document inside Google Drive, and click on Share.
In the pop-up, you will adjust the permissions so that anyone with the link can be a viewer of the document.
Now your document is ready to be embedded in Podia!
Embedding the document
Now that your document is uploaded into Google Drive and has the necessary permissions, we'll walk through how to display it in Podia.
Locating the URL
To embed the document in Podia, you will need to grab the direct URL. This can be found from the Share module mentioned above.
In the lower left corner of the pop-up, you can click Copy link.
This URL can be used to embed the document inside a course or on your site.
Inside a course
Use the Embed command available in the text editor's quick menu.
On your site
You can embed your file into any section that is labeled as a Text section.
Use the Embed command available in the text editor's quick menu.
The embed will first appear in the text editor.
When you save and exit the page, then reopen the page in the editor, you will see it displayed on your site page.
FAQ
My documents are not hosted in Google Drive. Can I still embed them?
My documents are not hosted in Google Drive. Can I still embed them?
It's possible! Just remember that you will need to use the direct link to the document as we do not support embed code at this time.
You can test whether or not the document will embed here: https://iframely.com/try.
Can I control the displayed height and width of my document?
Can I control the displayed height and width of my document?
No. The embedded document and how they render on your Podia site are directly controlled by the platform you are using to host it.
Why is my document showing a Google error when my customer tries to view it?
Why is my document showing a Google error when my customer tries to view it?
This is likely due to the permissions for the document being restricted. You will need to follow the steps outlined above to choose the correct settings.
If you have any questions at all, send us an email at [email protected] or click the icon below to chat.