PDF Viewer is a Wordpress plugin to embed PDF files in your Wordpress website. Based on Mozilla's PDF.JS library, it requires just Javascript to work.
This JS files of this plugin are coded in pure Javascript, with no dependency on jQuery. It is also possible to embed multiple PDFs in a single Wordpress page or post using this plugin.
Demo
Screenshots
Support
I'll be providing support through the comments at the bottom.
Installing the Plugin
Installing this plugin is like installing any other Wordpress plugin.
- Go to your Wordpress admin, and click on the menu Plugins. Click on the button Add New.
- Click on the button Upload Plugin
- Upload the plugin zip file pdf-viewer-pro.zip located in the files that you have downloaded
- Activate the plugin in the next screen
- Upon successful installation and activation, you should see a message like this :
Uploading PDF files to Wordpress Media
For PDF files to be embedded in your Wordpress website, you will need to save those PDFs in the Wordpress Media.
Go to your Wordpress admin, and click on Media menu. Click on Add New, and upload the PDF files that you plan to embed.
When the PDF files are uploaded, you will get a URL for each uploaded PDF. These are the URLs that you need while using the plugin in the next step.
After successful installation and activation of the plugin, you can use the plugin through a shortcode. The format of the shortcode is :
[UA_PDF_VIEWER_LITE width="600" pdf="http://url-of-the-pdf"][/UA_PDF_VIEWER_LITE]There are basically 2 parameters that you need to pass with the shortcode UA_PDF_VIEWER_LITE
- width : Pass the embed width of the PDF. This should be an integer. For example 200, 100, 600 etc
- pdf : Pass the url of the PDF which is to be embedded. You can pass the URL of the PDF which was earlier uploaded to Wordpress Media
A cross domain PDF link is also allowed if the server supports CORS (For example Dropbox / AWS S3).
Few examples of using the shortcode are :
[UA_PDF_VIEWER_LITE width="600" pdf="http://wordpress.usefulangle.com/wp-content/uploads/2017/09/sample2.pdf"][/UA_PDF_VIEWER_LITE][UA_PDF_VIEWER_LITE width="300" pdf="http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf"][/UA_PDF_VIEWER_LITE]You can add this shortcode to the post or page where you need the PDF to be embedded.
