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:

  1. 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.
  2. 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.
  3. 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>

  4. 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:

    embedded-pdf-in-article
Continued Education in Course 102: Writing Articles in Joomla 2.5
You are viewing Section 21: How to embed a PDF in a Joomla 2.5 Article
Section 20: How to add javascript to Joomla 2.5 articles
Section 22: Joomla 2.5 Editor
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
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.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

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

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

3 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!