How To Add A PDF Viewer To Your WordPress Website?

Many websites have PDF files in them, but these files have to be displayed in a proper layout.

That is where a PDF Viewer comes in to the picture.

In this article, you will learn, how to add a PDF Viewer to your WordPress website.

But let’s understand why we need a PDF reader in the first place.

Why Do You Need A PDF Viewer In A WordPress Website?

A PDF file needs to be in proper layout so that the audience can view the file on any device, may it be a computer, smartphone or a tablet.

If the PDF is not in a proper layout, the audience won’t find it appealing enough to stay longer on your website.

This will result in loss of traffic for your website, which will in turn result in loss of sales.

To avoid this, you need to have a proper PDF Viewer for you WordPress website.

Also, if you want to buy a hosting plan for your WordPress website, we have some awesome Web Hosting Deals. Check them out.

Bluehost Web Hosting – If you are looking for an affordable Web Hosting, the best option for you is Bluehost. You will get up to 70% discount, a free Domain Name & a free SSL Certificate. WordPress recommends Bluehost as well.

HostGator Web Hosting – If you are looking for a reliable Web Hosting, the best option for you is HostGator. You will get up to 65% discount, a free Domain Name & a free SSL Certificate as well. HostGator has awesome customer support.

SiteGround Web Hosting – If you are looking for a super fast Web Hosting, the best option for you is SiteGround. You will get up to 66% discount, a free SSL Certificate & a free CDN as well. SiteGround has super fast speed.

How To Add A PDF Viewer To Your WordPress Website?

There are two different ways to add a PDF Viewer to your WordPress website.

We will take a look at both the ways.

Adding Default PDF Viewer

With the latest updates, WordPress has added a default PDF Viewer to its functionality.

Go to the block editor on your post or page & click on the File block.

Now, if you already have the PDF file stored in your Media Library select it from there or click on the Upload button to select it from your computer,

Select the PDF file that you want to upload to your WordPress website & click on Open button.

WordPress has the functionality to add the file in a PDF layout.

This file will be shown in the WordPress website’s default PDF Viewer.

Check out the image below,

You can also simply drag & drop the PDF file on to your post or page to add it to your WordPress website.

The WordPress website will still show the file in a PDF Layout with the help of its default PDF Viewer.

Having said that, some people prefer to use a WordPress plugin to add a PDF Viewer to the website.

So, we will also take a look at a WordPress plugin that can be used to view a PDF file in a proper layout on your website.

Adding PDF Embedder

For this article, we will be using the PDF Embedder WordPress plugin to view a PDF file in the proper layout.

You will have to install & activate the PDF Embedder WordPress plugin.

Go to Plugins => Add New => search for PDF Embedder => Install & Activate.

In case you don’t know how to install & activate a plugin then check out our post on, How To Install A WordPress Plugin.

Anyway, upon installation & activation of PDF Embedder go to Settings => PDF Embedder.

You can leave the default settings just like that, as it is enough for most of the websites.

Also, you will get an option to choose whether you want to display the toolbar at the top or bottom of the viewer.

You can also select whether to make the toolbar visible only when the user hovers the mouse over the document.

The premium version of this plugin will give you an option of a download button, continuous page scrolling & clickable links.

After you are done with setting up the plugin, don’t forget to click on the Save Changes before you exit.

Once you are done saving the changes, all you have to do is add the PDF Embedder from the Block Editor.

Once you have added the PDF Embedder Block to your post or page, you can upload any PDF by clicking on Click here to Open Media Library to select PDF.

You will be taken to Media Library. You can either select a PDF file from there or upload the pdf file from your computer.

The PDF file is added to your post or page. Check our the image below,

All you have to do now is to publish or update your post or page & preview it on the live website.

Conclusion

WordPress & it’s repository of plugins makes it easy & effortless for anyone to add the desired functionality to their website, in this case a PDF Viewer.

If you have liked our article, please do follow us on TwitterInstagramPinterest & join us on Facebook.

Also, we do subscribe to our Convey Arena & our YouTube channel.

You may also like,

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll to Top