Some of the most critical thing for an online course, for a class, are documents, power point presentations. Lacking these elements, even if the teacher did well with the video, the class’s effectiveness would still be lower. One reason is that these additional documents, these additional methods of transferring knowledge means a more diverse way of learning, hence increasing productivities in the class.
Ever since day one of LearnPress, our customers keep asking for how to embed powerpoint presentations, PDFs or documents into their lessons. It is indeed very easy to attach these rich-text media elements to your course. Even better, with the newly released Eduma 2.7, the learning would be even easier since we applied a brand new lesson layout, emphasizing the importance of videos, of slides, of pdfs, taking you one step closer to build an Udemy or Coursera of your own.
In this post, I will tell you exactly how to include PPTs and other kinds of stuff in your course using a simple trick of Iframe and also how to add them as featured like in the image above.
Embedding Videos and PPTs as featured in Eduma 2.7+
Upon creating or modifying a lesson, please note that there’s a part for Post Format on the right. We will need to change from standard to Video.
After that, scroll down to the Lesson Settings, you will see a Media field with the description:”Add an embed link like video, PDF, slider …”
This is where you will need to put the link to your PPTs, Google docs, PDF files here. But before that, it needs to be put in an iframe like the example here:
How to get that Iframe?
- For Youtube: Simply click on the button Share below the video and choose Embed, copy the code into the box and you’re good to go.
- For Slides from Slideshare: Slideshare is a popular service for most of us when sharing presentations online. It is also very fast, easy to use and stable. Slideshare has a lot of good slides available that you may want to embed into your lesson. Use the same tactic, Click on Share right below the Slides and copy the code in the Embed part.
However, in most case, you may want to upload your documents to Google Drive so that you can edit them quickly and easily. Luckily, Google does provide an option for you to share documents online via Iframe.
To do that, please go to File (while opening the document, ppt) then choose Publish to the web. There will be a prompt asking if you want to publish the file to the web. After that, choose Embed and copy the given Iframe tag.
What about PDF?
The problem with PDF is that it cannot be shared via Google Drive and that it is so popular that we will at some point of the course, need to share PDF documents for our learners. But your website can be used as a place to store your PDF files, and using the same Iframe technique; we can also embed PDF to your courses and lessons. Last week, we discussed on LearnPress Community on Facebook about using a third-party addon to add PDF files to LearnPress. That is also possible, and I will tell you both ways.
Method 1 – using Iframe tag
First, we need to upload our PDF Files to our website. Please add new media.
After that, drag and drop the PDF file to the box to upload it. Then, click on the Edit link to get the Absolute URL of the file:
Copy the content in the File URL box. That’s the URL of the PDF file.
Now, go back to editing your lesson.
Under the Media field of Lesson Settings, please insert your PDF’s URL with this code:
<iframe width="1280" height="300" src="YOUR_PDF_URL_GOES_HERE" frameborder="0" allowfullscreen></iframe>
You can change the Height and Width variable of the code to make it better on your site. You can read more about Iframe tag here.
Method 2 – Using a PDF Embedder Plugin.
The problem with this method is that while you can embed more PDF in one lesson, the PDF file cannot be put as Featured media for the lesson. There’re plenty of PDF embedders out there. We haven’t tried with all, but we tried the first one we found, and it can do the work very well, so we assume you can use this solution. Or you can try with other plugins if you wish to.
First, Add a new Plugin, and search for Keyword: PDF Embed. After that, please install and activate the plugin called PDF.js Viewer Shortcode (As I have said, you can try any other plugin that has a lot of active installs. That is the evident saying the plugin works for many other people and that it will work for you)
After that, in LearnPress lesson editor, you can see a new button “Add PDF” right next to the Add Media button.
Everything is simple now, click on that button and upload your PDF file. Then, it will insert a shortcode (that will display the PDF file in your lesson). Feel free to move that shortcode, or add as many PDF files as you wish.
How to add Iframe to the inline content of your lessons?
On the above methods, we discussed adding files to your lesson using Iframe, and only add them in the Media field instead of in lesson content. There’s still a way of adding Iframe codes to your lesson content so that you can add all types of content to your lesson and add as many as you want them to be. Look at the Text button on the top right corner of the lesson editor. Normally, we use the Visual editor, and it can show us how the lesson will look like, but it cannot help us with codes. The text editor is one of the few ways that can help you do that. To add Iframe in your content, simply just click on Text and paste the Iframe code wherever you like. Remember to save afterward, and you’re ready to teach your students.
By the way, this may sound like a shameless promotion, but you now is really the time for you to purchase the theme Eduma because we are on a Cyber Monday Week Sale and the theme’s got a 50% off. Even if you purchased it already, you should still consider buying it with the one year support for only about 40%, which is way cheaper than extending support time during a normal day. Hurry up; the promotion ends in about 24 hours (Until 09.59pm Tuesday 29th November, EST Local Time)