Name: Wonder PDF Embed
Rating: 4.5 (13 reviews)
Author: WonderPlugin

Wonder PDF Embed

WonderPlugin PDF Embed is a plugin to embed and display PDF files on your WordPres website by using Mozilla’s PDF.js.

Features

Easy to use
Responsive PDF viewer
Using Mozilla’s PDF.js
Embed and display PDF files in WordPress posts or pages – click to see the online demo.
Works with the premium plugin Wonder Lightbox to open a PDF file in a lightbox popup
Works with the premium plugin Wonder Carousel to create a PDF carousel
Options to hide the download button, the print button and the text selection tool menu item in the PDF viewer toolbar. Please note: the options only use CSS and JavaScript code to hide the relative menu items/buttons in the PDF.js viewer toolbar. It’s NOT a DRM (Digital Rights Management) scheme to protect the PDF file. It does NOT stop experienced visitors from downloading, printing or copying text from the PDF file.

How to Use

You can use the following shortcode to embed a PDF file to WordPress posts or pages:

[wonderplugin_pdf src=”http://www.yourwordpresssite.com/yourdoc.pdf” width=”100%” height=”600px” style=”border:0;”]

PDF URL Requirements

The PDF file MUST be hosted on the SAME DOMAIN as the WordPress website.
The PDF URL MUST be an absolute URL, that’s, the URL must start with http:// or https://.
Make sure there are no special characters in the PDF URL, for example, apostrophes, double quotes, accented letters etc.
The PDF URL is defined with the src attribute.

Shortcode Attributes

You can use px or % for the width and height attributes, for example, 600px or 100%.
By using % for the width attribute, the PDF viewer will be responsive.
If you use 100% for the height attribute, make sure the container of the shortcode has a proper height value.
You can use the style attribute to define the CSS style of the PDF viewer which is an iframe.

Open a PDF file in a lightbox popup

Create a PDF carousel