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.
For more information, please view the online tutorial:
https://www.wonderplugin.com/wordpress-pdf-embed/#tutorial
Open a PDF file in a lightbox popup
Please view the online document:
https://www.wonderplugin.com/wordpress-pdf-embed/#lightbox
Create a PDF carousel
Please view the online document:
https://www.wonderplugin.com/wordpress-pdf-embed/#carousel