May 012013
 

Last Updated: December 04, 2015

How to embed pdf into WordPress tutorial illustrates how to embed pdf and other files into WordPress post or pages.

Latest News: I have removed a broken link.

I am going to share with you 3 methods you can use to achieve this.

Here are 3 methods you can use straight away:

1 ) There are three codes that Google Doc Viewer provides when you use https://docs.google.com/viewer online. (Note: This URL will give you a 404 error message. However you can use the following https://docs.google.com/viewer?url= and then type the pdf URL file you wish to view and it works.)

I am going to create my code using Google’s Search Optimization Starter Guide pdf file as showing below.

http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en//webmasters/docs/search-engine-optimization-starter-guide.pdf

Three Codes Generated:

1 – Paste this link into email or IM:

http://docs.google.com/viewer?url=http%3A%2F%2Fstatic.googleusercontent.com%2Fexternal_content%2Funtrusted_dlcp%2Fwww.google.com%2Fen%2F%2Fwebmasters%2Fdocs%2Fsearch-engine-optimization-starter-guide.pdf

2 – Or, paste this HTML tag into your blog or website for a link to the viewer:

<a href=”http://docs.google.com/viewer?url=http%3A%2F%2Fstatic.googleusercontent.com%2Fexternal_content%2Funtrusted_dlcp%2Fwww.google.com%2Fen%2F%2Fwebmasters%2Fdocs%2Fsearch-engine-optimization-starter-guide.pdf”>View</a>

3 – For an embedded viewer, use this HTML tag instead:

<iframe src=”http://docs.google.com/viewer?url=http%3A%2F%2Fstatic.googleusercontent.com%2Fexternal_content%2Funtrusted_dlcp%2Fwww.google.com%2Fen%2F%2Fwebmasters%2Fdocs%2Fsearch-engine-optimization-starter-guide.pdf&embedded=true” width=”600″ height=”780″ style=”border: none;”></iframe>

Important: Simply add option 3- above to your page or post and it will embed the pdf file. Remember to adjust the width and height to suite your needs.

2 ) You can add a function to your functions.php file. See the following instructions Google Docs PDF Viewer WordPress

3 ) You can also use a plugin WordPress Doc Embeder which is helping many users.

As you can see from the list above you have a few options.

I hope this has helped you.

Enjoy

Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)