Getting Started

First of all, thanks for choosing the TNC PDF viewer WordPress plugin. This plugin is available on WordPress.org. You can install it in two ways.

Download it from wordpress.org

  1. Click here to download it from wordpress.org.
  2. Log in to your WordPress dashboard and go to Plugins -> Add New
  3. Click Upload Plugin and then click Install Now
  4. After installing click Activate

Install from WordPress Dashboard

  1. Log into your WordPress dashboard and go to Plugins -> Add New
  2. Search for TNC PDF viewer
  3. Click Install now
  4. After the installation is done, click Activate and you’re done.

Creating The First PDF viewer

  1. After installing and activating the TNC PDF viewer, Navigate to PDF viewer > Add New Menu
  2. Put a title for your PDF viewer, Keep it relevant to your PDF file as it will be used as the viewer title and while embedding using shortcodes.
  3. In the next section under PDF viewer Settings > Basic Settings Upload the PDF file you want to use
  4. Select Page Mode. The default will be fine in most cases.
    1. Default will open Default PDF viewer
    2. Thumbnails will open with displaying page thumbnails on the left side 
    3. Bookmarks will open by displaying Bookmarks on the left side
    4. Attachments will open by displaying attachments on the left side
  5. Default Zoom: You can set your preferred default zoom level for this PDF viewer on this input
  6. Default Scrolling Mode: You can set your default scrolling mode here. Vertical, horizontal, wrapped or Flip.
  7. Default Spread: Set your preferred default spread here. 
  8. Viewer Language: Select your preferred viewer language here.
  9. Now, go to Toolbar Elements Tab
  10. The first option is called Global options, It’s enabled only on the Premium version. Suppose you need to hide any specific toolbar elements like download, print, etc. In that case, you can disable this option and a list of toolbar elements will appear to enable or disable it. I am not going through all the toolbar items here as all those are self-explanatory.
  11. The next tab is the Appearance
  12. We have a use global setting option here as well but it only can be accessed in the Premium Version. Disable the global option only if you want to have a different theme/color setting for this specific viewer. Not going through the details here as well, you’ll understand by titles easily.
  13. The next Tab is Privacy/Security
  14. You don’t have to do anything on this tab. If you purchase WP File Access Manager, you’ll be able to manage the restriction settings from Media > File Access Manager Menu.
  15. Once you’re done with all the settings, click on Publish button on the right sidebar
  16. Now, you can share the link to this viewer with anyone.

Inserting PDF viewer in Posts/Pages

In the last chapter, you’ve created your first PDF viewer, Now it’s time to insert the viewer on any of your posts or pages on your WordPress Website. This chapter is useful only if you’re using the default WordPress Gutenberg Block Editor or Classic Editor.

If you’re using any page builders like Elementor, Divi, or WPBakery Page Builder, we have addons for those page builders. Please check the Add-ons and integrations section in that case.

  1. Go to Add or Edit any page or posts
  2. If you’re using Gutenberg Block Editor, click on Add Block icon
    1. Search for PDF viewer Block
    2. Click on Add PDF viewer Button
    3. Select Embed a PDF viewer if you want to embed a PDF viewer using iFrame on the page you’re editing.
      1. On Select Viewer to Embed, Search & select by the title of the PDF viewer you’ve created and want to embed on this page.
      2. Set width, and height, jump to page & iframe_title parameters of your choice & click on insert PDF viewer.
      3. All these settings are for the iframe that will be embedded on the page.
      4. Now, Publish or update the page & then view the page to see PDF viewer embed there.
    4. Select Link to a PDF viewer if you want to insert a link on the page that will open the PDF viewer when clicked.
      1. On Select Viewer to Link to, Search & select by the title of the PDF viewer you’ve created and want to link from this page.
      2. Set Link Text, Target, jump to page and CSS class of your choice & click on Insert PDF viewer
      3. Now, Publish or update the page & then view the page to see PDF viewer link there.
  3. If you’re using Classic Editor, Click on ADD PDF viewer button just above the editor
  4. Select Embed a PDF viewer if you want to embed a PDF viewer using iFrame on the page you’re editing.
    1. On Select Viewer to Embed, Search & select by the title of the PDF viewer you’ve created and want to embed on this page.
    2. Set width, and height, jump to page & iframe_title parameters of your choice & click on insert PDF viewer.
    3. All these settings are for the iframe that will be embedded on the page.
    4. Now, Publish or update the page & then view the page to see PDF viewer embed there.
  5. Select Link to a PDF viewer if you want to insert a link on the page that will open the PDF viewer when clicked.
    1. On Select Viewer to Link to, Search & select by the title of the PDF viewer you’ve created and want to link from this page.
    2. Set Link Text, Target, jump to page and CSS class of your choice & click on Insert PDF viewer
    3. Now, Publish or update the page & then view the page to see PDF viewer link there.

Add-ons and Integrations

TNC PDF viewer comes with a variety of Addons and integrations to make working even simpler. With these Add-ons, you can easily show PDF files on using different themes and page builders.

Add-ons:

1. Elementor – TNC FlipBook – PDF viewer for WordPress: This Addon comes up with 6 widgets for Elementor. If you use Elementor as your page builder this Addon will save a lot of time and effort for you. Just drag and drop the widgets and show or embed PDF just as you want. The 6 widgets are:

  • PDF viewer Link
  • PDF viewer Embed/iFrame
  • PDF viewer Image Link
  • Bookshelf – Display PDF viewer
  • List/Grid – Display PDF viewer
  • PDF viewer Navigative

2. Display – TNC FlipBook – PDF viewer for WordPress Addon: If you want to organize and display your PDF files or Ebooks as a bookshelf then this is the Add-on for you. It enhances the visual presentation and visitors can easily go through the PDF files also. This Add-on has 3 modes.

  • Bookshelf
  • List View
  • Grid View

3. Divi – TNC FlipBook – PDF viewer for WordPress Addon: Embed and show pdf files using your Divi page builder. This Add-on has six modules.

  • PDF viewer Link
  • PDF viewer Embed/iFrame
  • PDF viewer Image Link
  • PDF viewer Navigative
  • Bookshelf – Display PDF viewer
  • List/Grid – Display PDF viewer

4. WPBakery – TNC FlipBook – PDF viewer for WordPress Addon: Easily display PDF viewers by using WPBakery Page Builder. The purpose of this addon is to make the shortcode creation process of TNC PDF viewer and TNC FlipBook – PDF viewer for WordPress.

5. Navigative – TNC FlipBook – PDF viewer for WordPress addon: This is an addon for TNC FlipBook – PDF viewer for WordPress and TNC PDF viewer which allows you to display multiple pdf files on a single page with a navigation on the sidebar. This is useful, especially when you have a few pdf files which you want to display using the iframe shortcode but don’t want to create so many pages.

6. WP File Access Manager: WP File Access Manager is a WordPress plugin that allows you to control access for every single file you upload to your WordPress Media Library. It comes with the integration of WooCommerce & Paid Memberships Pro which lets you set up your eCommerce or membership site media restriction management a lot simpler.

Upgrade to Pro

If you want to show your PDF files as a flipbook with a 3d flipping animation and use a global setting you need to upgrade to the pro version. The Premium version TNC FlipBook – PDF viewer for WordPress will bring a lot of amazing features that are worth the price of the plugin.

First, visit CodeCanyon and search for TNC FlipBook – PDF viewer for WordPress or click here to get this plugin. Then Download the plugin.

Uninstall the free version from your WordPress and upload and install the premium version on your WordPress. Don’t be tense, all your previously uploaded PDF viewers will be intact and work with the premium version.

Here is the documentation for TNC FlipBook – PDF viewer for WordPress

Rate Us

If you are enjoying using the PDF viewer by ThemeNcode, you can leave us a review. It helps us to improve the product even more. You can submit an additional feature request too.

Shortcodes

Embed a PDF viewer:

This shortcode will embed the PDF viewer in a page or post. Go to WordPress default editor and then search for PDF viewer block. Then there will be the following options:

Select PDF viewer to embed: Search with the name of the viewer and select the viewer that you want to show.
Width: Select the width of the viewer.
Height: Select the height of the viewer.
iFrame Title: Put the title of the iframe here
Jump to page: Put a number and the viewer will start from that number of page.

After that click Insert PDF viewer

Link to a PDF viewer:

Select Viewer to Link to: Search with the name of the viewer and select the viewer that you want to show.
Link Text: Put the text which will show as the link.
Link CSS Class: Put a name of a class so that you can add additional CSS later.
Link Target: Choose between same tab or new tab to open the link.
Jump to page: Put a number and the viewer will start from that number of page.

After that click Insert PDF viewer