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 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)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.