How to embed a PDF in a Joomla 2.5 Article
Due to their popularity, PDF documents are everywhere these days. For example, many people buy PDF books online or send / receive PDF files via email at work. While emailing PDF documents is very common, you can also embed PDF files in a web page. Embedding PDF files in a web page makes it easier to share the file, instead of emailing the file you can simply send a link to the page that has the file.
There's no built in PDF viewer for Joomla 2.5. You can however use Google Docs to help embed a PDF file into a Joomla 2.5 article. In this tutorial, we'll show you how to add PDF files in Joomla 2.5.
To add a PDF to a Joomla 2.5 article:
- Log into your Google Docs account
If you don't already have a Google Docs account, we highly suggest that you look into it. There are many useful features available, and we actually use it every day! Please see http://docs.google.com for more information.
- Upload your PDF File
Within Google Docs, click the Upload button (which is to the right of the CREATE button) and then click Files... Find the PDF file on your computer and then follow the rest of the steps to upload the file.
- Click Embed this PDF file...
After you have uploaded your PDF, open it. In the top menu, click File and then click Embed this PDF file. You will then be given code similar to the following:
<iframe src="https://docs.google.com/file/d/abcdefghijklmnopqrstuvwxyz/preview" width="640" height="480"></iframe>
- Insert the embed code into your Joomla 2.5 article
Now that you have the necessary code, open the Joomla 2.5 article you want to embed the pdf in. Using the code editor, insert the html code. When finished, save your changes and visit your update Joomla 2.5 article! You can see in the screenshot below how the embedded PDF file looks in our testing:
We value your feedback!
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
2013-05-13 4:22 am
what extension did you use for the picture to display the test odf...and the other thing, my code is not displayed it keeps disappearing. Thanks
2013-06-06 11:19 pm
To embed code in Joomla use Sourcerer plugin: http://extensions.joomla.org/extensions/core-enhancements/coding-a-scripts-integration/custom-code-in-content/5051
Post a Comment
Do you want to publish a tutorial to our support center?