PDF Viewer for WordPress

Top Selling PDF Reader Plugin for WordPress


First of all, Thank you so much for purchasing PDF Viewer for WordPress.

This Documentation is here to show you how you can install and use PDF Viewer for WordPress Easily and Efficiently.

For Detailed information and features of PDF Viewer for WordPress Plugin, Please click here to go to CodeCanyon Plugin Page

To get started you need to Purchase PDF Viewer for WordPress for $15 from Codecanyon. Click Here to Pucrhase PDF Viewer for WordPress
If you've already purchased the plugin, you can continue to next step.

Here's a Quick video which shows how to get the PDF Viewer for WordPress Working within just a few minutes:

Step 1: Download from CodeCanyon

  1. After Purchasing the plugin on CodeCanyon. Go to Downloads page
  2. Find the Plugin on the list and click on Green Download Button
  3. Save the zip file on your computer

Step 2: Install via WordPress Admin (wp-admin)

Please follow these steps to install via wp-admin

  1. Login as administrator to wp-admin using your username and password
  2. Go to Plugins-> Add New
  3. Click on Upload Plugin button
  4. Click on Choose File and choose the file you just downloaded from codecanyon
  5. Click on Install Now
  6. Click on Activate Plugin once the installation is done
  7. Its all, and the plugin is installed on your site now!

So now, You have the plugin installed on your WordPress Website, Congrats!

After activating the plugin, you'll notice a New Menu item Just below Media called ThemeNcode PDF Viewer. This menu have a few submenus. We'll know more about submenus later. For now, Lets have a look at the settings of ThemeNcode PDF Viewer Page. Click On ThemeNcode PDF Viewer Menu.

Once you're on that page, You'll see a few sections, The options you'll be changing is under General Settings Section. Go to that section.

Once You've completed all the settings on this page, Click on Save PDF Viewer Settings  in order to save all these settings.

And you're done on this page. The next page is about changing colors of PDF Viewer.

If you want to change the overall background and Toolbar Background color of PDF Viewer for WordPress to match with your site's main color, you need this page.

Go to ThemeNcode PDF Viewer > Customize Colors Menu

In this page, You'll see a Section Called Customize Colors of Viewer.  Navigate to that section and you'll see 2 option.

And you're done on this page.

With PDF Viewer of WordPress, To make the upload process and shortcode creation process easier, We've included a PDF FIle Uploader Page. From This page you can Upload any PDF File or Select any existing File from Media Library and get direct url to that pdf file instantly just within a few clicks. You'll use the link while creating shortcodes using Tinymce Button on your post/page editor.

To Access This page, You'll have to Navigate to ThemeNcode PDF Viewer > Upload PDF File 

To Upload or Select a PDF FIle:

  1. Click on Click Here to Upload PDF FIle and Get url below button. WordPress Media Uploader Popup will appear and you can select any existing file or upload a new file. 
  2. After selecting the file, click on Get Link button on bottom right
  3. The popup will be closed and The big input box will be populated with your selected PDF FIle url
  4. Click on Copy Just beside the input box.
  5. The url will be selected and you can simply copy the url with ctrl+c
  6. Now you have the url copied to your clipboard, you can paste it in shortcode generator or anywhere you want.

PDF File Uploader

This is an option very similar to PDF File Uploader but on this page you can import a pdf file from any url just within a click. You don't have to download the file to your computer and upload it back to website. PDF Viewer for WordPress will do it for you.

To Import a PDF File from url:

Importer View

 

Automatic Linking is an exclusive Feature of PDF Viewer for Wordpress.This option is very useful if you have a Website with a lot of pdf file links in it. In that situation, It is really hard to manually replace all these urls with new shortcode.

That's why, We've included this option. With this option, you can have all the pdf links on your website frontend open with PDF Viewer. What you'll need to do is just enable Automatic Link from ThemeNcode PDF Viewer Page.

This option will find all the pdf links on each page of your website and replace with PDF Viewer url. Let's have a look at an example url which pdf viewer will be able to replace:

<a href="http://mysite.com/pdf-file.pdf">I am a PDF</a>

If you have a link like this, PDF Viewer for WordPress will replace it with pdf viewer link.

** Only Requirement is that the href attribute must end in .pdf

 

To Enable Automatic Linking:

Automatic Iframe is an exclusive Feature of PDF Viewer for Wordpress.This option is very useful if you have a Website with a lot of pdf file links in it. In that situation, It is really hard to manually replace all these urls with new shortcode.

That's why, We've included this option. With this option, you can have all the pdf links on your website frontend to be converted to a PDF Viewer containing that specific pdf file in that place. What you'll need to do is just enable Automatic Iframe from ThemeNcode PDF Viewer Page.

This option will find all the pdf links on each page of your website and replace with an Iframe with PDF Viewer containing the particular pdf file inside it. Let's have a look at an example url which pdf viewer will be able to replace:

<a href="http://mysite.com/pdf-file.pdf">I am a PDF</a>

If you have a link like this, PDF Viewer for WordPress will replace it with pdf viewer link.

** Only Requirement is that the href attribute must end in .pdf

 

To Enable Automatic Iframe:

PDF Viewer for WordPress comes with a few shortcodes to make the use easier and a tinymce button for creating and inserting shortcodes easily.

Here is the list of shortcodes that comes with pdf viewer for WordPress with a little descrption:

This shortcode will create a link with the options you select. You can have custom Text, file and settings for each of the shortcodes.

You'll get more information about creating shortcodes and about all the parameters of this shortcode in next chapters.

Syntax:

[tnc-pdf-viewer-link]

2. Iframe Shortcode :

This shortcode will create an iFrame with the options you select. You can define custom height, width and tools to be shown for each of the shortcodes.

You'll get more information about creating shortcodes and about all the parameters of this shortcode in next chapters.

Syntax:

[tnc-pdf-viewer-iframe]

This shortcode will output a raw link to pdf viewer containing the specified pdf file which you can use as href attribute value of any a tag or src value of amny iframe tag or anywhere else you need.

You'll get more information about creating shortcodes and about all the parameters of this shortcode in next chapters.

Syntax:

[tnc-pdf-viewer-raw-link]
 

This shortcode is actually a shorter version of [tnc-pdf-viewer-link] shortcode. The different is it will create an url that is shorter that the one generated using the link shortcode. This shortcode will use most of the settings from ThemeNcode PDF Viewer Settings page. Only a few parameters are available with this shortcode.

You'll get more information about creating shortcodes and about all the parameters of this shortcode in next chapters.

Syntax:

[tnc-pdf-viewer-shortlink]

 

4. Image Shortcode :

This shortcode is for using images as link to PDF Viewer.

You'll get more information about creating shortcodes and about all the parameters of this shortcode in next chapters.

Syntax:

[tnc-pdf-viewer-image]

 

PDF Viewer for WordPress Provides a Tinymce Button on WordPress Editor. To Access this button, Go to Add new pos or Add new Page or Edit a Page/Post.

Once the Editor page is open, switch to Visual view of editor (if you're in text view) and you'll find a Tinymce button called Insert PDF Viewer Shortcode .  Clicking on that button will show the following options:

Clicking on any of these optios will open a popup with a few options. Select/write all the fields and click on Ok button Below. System will create the shortcode with your provided settings and insert into the editor!

That's how you can create PDF Viewer for WordPress Shortcodes. Pretty simple. isn't it ?

Tinymce

 

In this section, We'll talk about iFrame Shortcode. What it does, how to use, which parameters does it have and what is the usage of these parameters.

What is iFrame Shortcode ?

This is a shortcode that comes with PDF Viewer for WordPress Plugin. If you use this shortcode in a page, an iframe with the specified pdf file display in that place.

How to Use/Create ?

You can use the Tinymce button to generate iFrame shortcode with parameter settings. The creation process is described in the previous section called Creating Shortcodes

Syntax:

[tnc-pdf-viewer-iframe]

Parameters ?

This shortcode have some parameters which you need to populate with your content or select from options in the tinymce popup. So, Lets have a look which parameters this shortcode have and what are the use of each parameters:

  1. File Url: This is where you'll provide the url to pdf file that will be opened with PDF Viewer. Make sure you use the direct url to pdf file ending in pdf , otherwise it will not work. Also make sure the pdf files are hosted under same domain.
  2. iFrame Width: Specify the Width of iFrame in pixels here. For example, you can use 600
  3. Iframe Height: Specify the height of iFrame in Pixels here. For Example, you can use 800
  4. Download: Select if you want to show Download button in toolbar.
  5. Print: Select if you want to show Print button in toolbar.
  6. Fullscreen: Select if you want to show Fullscreen button in toolbar.
  7. Share: Select if you want to show Share button in toolbar.
  8. Zoom: Select if you want to show Zoom option in toolbar.
  9. Open: Select if you want to show Open button in toolbar.
  10. Logo: Select if you want to show Logo button in toolbar. Logo will not be displayed if iFrame width is small. But will display when users go to fullscreen mode.
  11. Pagenav: Select if you want to show Pagenav button in toolbar.
  12. Find: Select if you want to show Find button in toolbar.
  13. Jump to Page: Enter the page number if you want to send user to a specific page on opening of the file.
  14. Default Zoom: Select the Default Zoom here
  15. Page Mode: If you select Thumbs as pagemode, the left bar will be opened with page thumbnails and if you choose bookmarks, the left bar will be opened with list of bookmarks. It is not recommended to use as it may not work smoothly on smaller screen sizes. We've added it just because it might be helpful for some users.
  16. Language: Select the language you want to use

In this section, We'll talk about Image Shortcode. What it does, how to use, which parameters does it have and what is the usage of these parameters.

What is Image Shortcode ?

This is a shortcode that comes with PDF Viewer for WordPress Plugin. If you use this shortcode in a page, The specified image will be displayed with link to PDF Viewer containing specified pdf file.

How to Use/Create ?

You can use the Tinymce button to generate link shortcode with parameter settings. The creation process is described in the previous section called Creating Shortcodes

Syntax:

[tnc-pdf-viewer-image]

Parameters ?

This shortcode have some parameters which you need to populate with your content or select from options in the tinymce popup. So, Lets have a look which parameters this shortcode have and what are the use of each parameters:

  1. File Url: This is where you'll provide the url to pdf file that will be opened with PDF Viewer. Make sure you use the direct url to pdf file ending in pdf , otherwise it will not work. Also make sure the pdf files are hosted under same domain.
  2. Link Class: You can use a custom class for the generated link. Basically this calss is used for styling. for example if you want the link to be a button and you're using bootstrap css framework, you can use the following in this field: btn btn-default
  3. Link Target: Select how you want the link to open, in same tab or in a new tab.
  4. Download: Select if you want to show Download button in toolbar.
  5. Print: Select if you want to show Print button in toolbar.
  6. Fullscreen: Select if you want to show Fullscreen button in toolbar.
  7. Share: Select if you want to show Share button in toolbar.
  8. Zoom: Select if you want to show Zoom option in toolbar.
  9. Open: Select if you want to show Open button in toolbar.
  10. Logo: Select if you want to show Logo button in toolbar.
  11. Pagenav: Select if you want to show Pagenav button in toolbar.
  12. Find: Select if you want to show Find button in toolbar.
  13. Jump to Page: Enter the page number if you want to send user to a specific page on opening of the file.
  14. Default Zoom: Select the Default Zoom here
  15. Page Mode: If you select Thumbs as pagemode, the left bar will be opened with page thumbnails and if you choose bookmarks, the left bar will be opened with list of bookmarks. It is not recommended to use as it may not work smoothly on smaller screen sizes. We've added it just because it might be helpful for some users.
  16. Language: Select the language you want to use
For image shortcode, you need to put img tag inside the shortcode after setting up options and clicking on ok

Updates ?

You'll get all the plugin updates from codecanyon. You'll see notification in your wp-admin if there's a new update available. And then you can download the update from codecanyon downloads page.

Click Here to go to CodeCanyon Downloads Page

Support ?

For any kind of technical assistance regarding PDF Viewer for WordPress, Please go to our HelpDesk and create a ticket. 

Click Here to Go to ThemeNcode HelpDesk

Please don't forget to include purchase code while creating ticket, otherwise your ticket may not be replied.

 

Your Satisfaction is important to us and we work hard to ensure that. If you like the plugin, Please rate it on CodeCanyon.

Every Single review is important as it helps other users to understand the quality of our plugin.

Please let us know how can we help before leaving a negative review for the plugin. We'll provide a solution.

 

You can Rate PDF Viewer for WordPress from CodeCanyon.net Downloads page.

Click Here to go to CodeCanyon Downloads Page

=== 5.1 (9 March 2016) === 
  • Fixed saving issue in options page
=== 5.0 (15 February 2016) === 
  • Newly Updated Documentation (can be found here: http://themencode.com/docs/pdf-viewer-for-wordpress/)
  • Added New Shortcode for Raw Link (tnc-pdf-viewer-raw-link)
  • Changed update notification url to https
  • New Parameter pagemode added to all shortcodes
  • Removed Unnecessary Fields from shortcode generator
  • Added an option to assign viewer page id's manually
  • Improvements and fixes to print option
  • Links inside pdf will open in new tab now
  • Fixed Compatibility with Plain Permalink structure
  • Added Link Target Parameter Back to Shortlink Shortcode
  • Many improvements to Viewer loading and other functionalities
  • Fixed formatting issue on Options Page
  • Some other minor improvements
=== 4.5 (20 December 2015) === 
 
=== 4.1 (22 October 2015) === 
 
=== 4.0 (11 September 2015) === 
 
=== 3.6 (15 June 2015) === 
=== 3.5 (4 June 2015) === 
=== 3.0 (30 January 2015) === 
=== 2.0 (16 September 2014) === 
=== 1.3 (5 August 2014) === 
=== 1.2 (20 July 2014) === 
=== 1.1 (7 July 2014) === 
=== 1.0 (7 July 2014) === 

Thats all you need to know about the usage of PDF Viewer for WordPress Plugin. Please feel free to let us know by support ticket, if you have any questions or ideas to improve things we provide.

Your input is important to us and we care every single input from you.

We Hope you Enjoy using PDF Viewer for WordPress!

 

Thank You

Themencode Team

www.themencode.com