How to embed PDF viewer in WordPress Post or Page

By on April 28th, 2021

PDF files rule the internet as documents. If you want to transfer the documents from one device to another over the internet, the best way is to convert the document to PDF and then you can freely share it on the internet. Whenever you download any document from the internet, in most cases, you will get PDF file.

Although WordPress enables you to embed audio, video, and image files. It does not have any inbuilt way to embed the PDF files to your post or blog.

Just in this case, if you are looking to embed a PDF file in your WordPress site, “Add Media” option will allow you to upload the file, and a downloadable link to that file can be added to your page. Hence, your visitor can download that PDF or view that file by leaving your website, reducing the user engagement on site. But if you want to make them stay at your post for some extra time, you need to Embed PDF files to your website so that a reader can quickly view the post without moving away from your webpage.

Also, WordPress serves numerous plugins, which makes your task very easy and quick. So, Here we are introducing an excellent solution for that job.

The Embed PDF viewer is a free plugin, allowing you to embed a PDF from the Media library right to post and pages. A user can view, read, download, and print the PDF files without jumping out from the site at the same time. This Plugin will allow you to set and control the height and width of your PDF viewer too.

Embed PDF viewer will automatically disable the support for older versions of Internet explorer. For example, a user with Internet Explorer 9 will not be able to see the PDF viewer. Adding a PDF viewer to a website is pretty simple.

We have guided everything step by step with appropriate screenshots. This will definitely help you to embed a PDF Viewer to your WordPress Website without working with lots of plugins and wasting hours on the task.

Embed PDF file in WordPress

Step 1: First of all, Log into your WordPress account. You need administrator access in this case as we are going to install a new plugin in this WordPress installation.

Step 2: Now, Click on the Plugin Tab from black colored left sidebar.

How to install and configure PDF viewer in WordPress

Step 3: Then, click on the Add New button available on the left sidebar.

Plugins list in WordPress

Step 4: Once you click on the Add New Button. A new page will open to your screen. Here you will see the Search Box on the top-right corner of the page. This search bar will help you to find plugins from WordPress repository. Type your file name (Embed PDF Viewer) in the Search Box.

Step 5: Some similar results will pop-up on your screen. Choose the correct plugin, which is available with a black and white colored PDF icon as shown in the below image. Once you identify the plugin, click on the Install Now button to install the plugin.

Find PDF viewer embed plugin in Repository

Step 6: Wait for a few seconds. When the installation process is complete, the Install Now button will change to the blue-colored Activate button. Click on the Activate button to activate your downloaded file.

Install Embed PDF viewer plugin in WordPress

Step 7: When your Activation process is complete, a new page will show on your screen. And, you will see a notification that your plugin is now active.

Activate plugin in WordPress site

Step 8: After that, you can see the Pages tab at the left-sided bar as directed in ithe following image. Click on the Pages to see the list of pages on your WordPress.

List of pages in WordPress

Step 9: Now you will see a list of pages like a blog, cart, checkout, etc. Hover your mouse and click on the “Edit” option on the page where you want to put the PDF viewer. For example, we just click on the edit of the first Blog page from the given list as highlighted in image no 9.

List of pages in WordPress

Step 10: After that, Your current page will extend to a new page, which is your Blog section. Here you can Write, Customize and Manage new content by clicking on the blue-colored plus icon. Click on the plus icon to add the PDF viewer element on the page.

Edit page in WordPress

Step 11: When you click on the plus Icon, you will see a list of Elements on the left side of your screen. You will find a Search box on the top of the Element list. Click on the Search box and type PDF.

Step 12: After that, a PDF icon will appear on the left side of the screen. Now click on the PDF icon and Drag it on the page content.

Embed PDF viewer in WordPress page

Step 13: Then, Drop the PDF icon on the required place on the page. See the below image for the reference.

Add Embed PDF viewer element in WordPress page

Step 14: The next step is to upload your PDF media files in the PDF viewer. Click on the upload button available in blue color.

Upload PDF in WordPress post

Step 15 – Preview of PDF File: Here, you can preview your uploaded PDF file. You will have more tools on the PDF viewer like page count, Zoom in and Zoom Out, Rotate the file, and download or print the file. See the below image for the reference. 

Preview of a PDF file in WordPress

Step 16: Click on the Update or Publish button, which is available at the top-right corner of the right side. This option will add your PDF to your blog, which you have recently uploaded.

Step 17: This is the final step. Click on the Preview Button, located beside the update button. This will display how your added PDF will look when it is live.

Embed PDF viewer in WordPress

So, this is how you can install and activate the PDF viewer in WordPress posts or pages. This plugin is one of the easiest way to embed PDF files in your WordPress posts or pages.

 

Conclusion: PDF files are very important for some sites. It also allows a visitor to print the whole page. If you have a website where you need to provide specific documents to the visitors, this plugin will feel very handy. It simply adds a new Element to the elements list and allows you to treat PDF files just like other files like images and other media.

We hope this tutorial was helpful for you. If you have any questions, please feel free to let us know in the following comment section. However, if you are facing hosting level issues, contact our 24*7 customer support for quick help!

Leave a Reply