{"id":24737,"date":"2018-10-02T14:43:59","date_gmt":"2018-10-02T13:43:59","guid":{"rendered":"https:\/\/www.awardspace.com\/?page_id=24737"},"modified":"2023-09-16T05:20:04","modified_gmt":"2023-09-16T05:20:04","slug":"how-to-embed-pdf-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.awardspace.com\/wordpress-tutorials\/how-to-embed-pdf-in-wordpress\/","title":{"rendered":"How to Embed PDF in WordPress"},"content":{"rendered":"

If you\u2019ve written an ebook for the users of your website<\/a>, chances are you may also need to know how to embed PDF in WordPress.<\/p>\n

Of course, there are way more reasons to want to embed a pdf in your website, than the one mentioned above. You may want to promote your ebook by embedding a few sample pages, or there is a report that you want to share with your audience.<\/p>\n

Whatever your reasons are, you\u2019ll need to perform a few steps to embed the file directly for the users to see.<\/p>\n

Bear with me, it is easy. Really easy.<\/p>\n

 <\/p>\n

Upload PDF to WordPress<\/h2>\n

To be able to embed a PDF file in your WordPress-based website, you need to know how to upload it to the website.<\/p>\n

Uploading a PDF file is a task that you already should know how to achieve. It goes the same way as when you want to upload media to a post in WordPress<\/a>. Still, for the sake of comfort, let’s go through the process.<\/p>\n

Once you enter the WordPress Admin Panel<\/a> and see the familiar interface, you need to direct the mouse to the upper left corner, where the Media <\/strong>button is located.<\/p>\n

Once you hover it, you can either click it directly or click Library<\/strong> or Add New<\/strong>.<\/p>\n

Of course, Add New <\/strong>is the button that if chosen will bring you to the closest to the file uploading interface, but the mentioned button is present on the Library page, which will load whether you click Library <\/strong>or Media<\/strong>.<\/p>\n

\u00a0<\/strong><\/p>\n

\"\"<\/p>\n

 <\/p>\n

I feel more comfortable clicking directly on the first option which will bring me closer to the desired result. Thus, in the image below, you\u2019ll see the page that will appear before you, if you decided to click on the Media <\/strong>or the Library <\/strong>button.<\/p>\n

And by choosing that option, you\u2019ll need to click the Add New<\/strong> button on the already loaded page.<\/p>\n

On the image below the latest mentioned button is already clicked.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

For this tutorial, I\u2019ve chosen to upload a PDF file that is shared freely by Google. It is called \u2018Our progress through 2016\u2019. The report could be found here<\/a>.<\/p>\n

Now that the PDF is uploaded to the website, it is time to embed it.<\/p>\n

 <\/p>\n

How to Embed PDF in WordPress<\/h2>\n

If the PDF that you want to embed in your WordPress website is publicly available (as mine) and you know the exact URL to find it, you can always use the <iframe> <\/iframe> HTML tag, to, in a way, embed it, so it is viewable and usable directly through your website.<\/p>\n

Yet, doing so will definitely lead to possible issues, when there is a problem with the service, where the file was originally uploaded, or their website gets discontinued.<\/p>\n

To prevent that from happening, or if you have access to the file only locally on your computer, you\u2019ll need to upload the PDF to your WordPress, which we explained in the previous step.<\/p>\n

When your file is successfully uploaded, what you need to do is to install a plugin<\/a>.<\/p>\n

The plugin that I trust most is the PDF Embedder<\/a>.<\/p>\n

It is simple, works nicely, and gives you a few very nice to have options. Changing the maximal <\/strong>Width and Height, for example. Which could prove extremely valuable, if your website has a wider or narrower design.<\/p>\n

When you install and activate the plugin it already works. You can, if you want, enter the settings page of the PDF Embedder plugin, which you\u2019ll find under Settings<\/strong> on the sidebar menu of your admin panel.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

The beauty of the plugins is that it is the simplest way to embed a PDF in a WordPress website.<\/p>\n

What you need to do now that the plugin is installed and activated, is to go to the post, where you want to embed the file or Add a new post<\/a>, and add the pdf that you want, the same way, you would with a photo or video.<\/p>\n

On the top of the WYSIWYG click Add media<\/strong> and you\u2019ll see the familiar option window.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Choose the pdf file, you want to show to your users, and click Insert into post<\/strong>.<\/p>\n

Once you get back to the WYSIWYG, you\u2019ll see something like this:<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Write the content that you want (if you need any) around the embedded PDF, and click publish.<\/p>\n

And you\u2019ll see an interactive PDF Viewer directly in your post.<\/p>\n

Remember, that if you need, you can tune the width and height of the viewer, so it fits perfectly with your design. You can as well align the embedded pdf \u2013 left, right, and to the center, so it looks even more nicely.<\/p>\n

This is what you may see when you insert the PDF file in your blog post(or page).<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

And this is how to embed a PDF in WordPress.<\/strong><\/p>\n

Hope you’ve chosen the right WordPress Hosting<\/a>.<\/p>\n

 <\/p>\n

Read more articles on file Embedding in WordPress:<\/h3>\n