Elementor PDF viewer for WordPress Addon

Getting Started

Elementor PDF viewer for WordPress Add-on helps you to display or embed PDFs easily if you use Elementor Page Builder. It enables PDF viewer for WordPress to work with Elementor.

This documentation is here to show you how you can install and use Elementor PDF viewer for WordPress Easily and Efficiently.

For Detailed information and features of the Add-on, Please click here to go to CodeCanyon Plugin Page

To get started you need to Purchase this Add-on for only $20 from Codecanyon. Click Here to Purchase Elementor PDF viewer for WordPress Addon
If you’ve already purchased the plugin, you can continue to the next step.

N.B.: Please note that this is not a standalone plugin. It requires both Elementor Builder and PDF viewer for WordPress installed in order to work. The purpose of this addon is to make the shortcode creation process of our plugin PDF viewer for WordPress. Many users like the easy option of adding and editing shortcodes using the Elementor Builder Widgets. So that’s why we are releasing this addon.

Installation

Articles

Step 1: Download from CodeCanyon

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

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

Please follow these steps to install via wp-admin

Login as administrator to wp-admin using your username and password
Go to Plugins-> Add New
Click on the Upload Plugin button
Click on Choose File and choose the file you just downloaded from CodeCanyon
Click on Install Now
Click on Activate Plugin once the installation is done
That’s all, and the plugin is installed on your site now!

Upload PDF and Create PDF viewer

As this is an Add-on of PDF viewer for WordPress you can’t upload PDFs with this. To upload PDF files and create a PDF viewer you first need to do that with PDF viewer for WordPress. Follow these steps to create your first PDF viewer and if you are already a user of PDF viewer for WordPress you can skip this step.

After installing and activating PDF viewer for WordPress, Navigate to PDF viewer > Add New Menu
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.
In the next section under PDF viewer Settings > Basic Settings Upload the PDF file you want to use
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
Default Zoom: You can set your preferred default zoom level for this PDF viewer on this input
Default Scrolling Mode: You can set your default scrolling mode here. Vertical, horizontal, wrapped or Flip.
Default Spread: Set your preferred default spread here.
Viewer Language: Select your preferred viewer language here.
Jump to page: Enter a page number here if you want to open/jump to a specific page.
Now, go to Toolbar Elements Tab
The first option here is to Use Global options, It’s enabled by default. If you need to hide any specific toolbar elements like download, print and others, you can disable this option and a list of toolbar elements will appear to enable or disable. I am not going through all the toolbar items here as all those are self-explanatory.
The next tab is the Appearance
We have a use global setting option here as well. 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.
The next Tab is Privacy/Security
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.
Once you’re done with all the settings, click on Publish button on the right sidebar

Widgets

You can embed PDF or display it as a link right from your Elementor page builder if you use this Add-on. In order to use this Addon First you need to go to the page/post on your WordPress website where you want to show the PDF. If you want to show PDF on a new page/post create a new page/post. After locating the page/post, press ‘Edit with Elementor’.

On the Elementor page builder search for pdf and you will find 5 widgets.

Articles

PDF viewer Embed

If you choose the PDF viewer Embed widget it will show the PDF that you select right onto that page/post. Follow the next steps

Select the PDF viewer you want to show from ‘Select PDF’
Width is by default set to 100%. Change it if you want otherwise leave it as it is.
Height is by default set to 800. You can change it too if you want
Put a title in the iframe title option

PDF viewer Link

If you choose the ‘PDF viewer Link’ widget, it will create a link with your given text and when someone clicks the link, your selected PDF viewer will open. Follow these Steps:

Select the PDF viewer from the ‘Select PDF’ option.
In the Link Text, put a text which you want to turn into a link
Give the link a class name in the Link Class option if you want to customize the link later
Link target will make sure whether you want to open in a new tab or the same tab.

PDF viewer Image Link

If you choose the ‘PDF viewer Image’ option it will show an image with a link and when someone clicks that image it will open a PDF viewer. Follow these steps

Select a PDF viewer for the ‘Select PDF’ option
Copy an image link from your WordPress media library and paste it into the ‘Image URL’
Put the alt text in the Alt Text option
Image Alignment can be left, center, or right. Choose what you want.
The other options are the same as in previous modules.
Click save changes and then publish and you are done.

Bookshelf - PDF viewer

To use this Widget you need an Add-on called Display PDF viewer for WordPress Add-on. This will organize and show all the PDF files as a bookshelf. This looks super amazing. Get this addon from here, DISPLAY ADD-ON PDF viewer for WordPress.

Select Viewer: Choose the viewer that you want to show on the bookshelf
Open Type: You can open this as PopUp or Link
Shelf Style: There are 4 types of shelves available. Choose the one you want.
CSS Class: Give a class name to put additional CSS later.

Read this documentation to learn how to work with this addon.

List/Grid - PDF viewer

To use this Widget you need the same Add-on that was mentioned in the previous section, Display PDF viewer for WordPress Add-on. This will organize and show all the PDF files as a list or grid with searching and sorting filters. Get this addon from here, DISPLAY ADD-ON PDF viewer for WordPress.

Select Viewer: Choose the viewer that you want to show on the bookshelf
Source By: Show the grid or list by category, viewer, or all.
Choose the Display type to either list or grid. In the grid mode, you can select the number of columns you want to show. And also, you can disable or enable the filtering, searching and sorting functions.
Open Type: You can open this as PopUp or Link
CSS Class: Give a class name to put additional CSS later.

Read this documentation to learn how to work with this addon.

Navigative PDF viewer

In order to use this module, you need to get another Add-on called Navigative – PDF viewer for WordPress Add-on. Get this plugin from CodeCanyon. It allows you to display multiple pdf files on a single page with a navigation on the sidebar.

Copy the PDF link and paste it into the ‘PDF Link URL’ field
Width: The default width is 100%. Change it if you want
Height: The default height is set to 800px. You can change it too if you want.
Title: Put an iframe title here.
Jump to Page: Put a number and the PDF will automatically go to that page.
Logo: By default, the logo will be enabled. Select hide if you don’t want to show.
Click Save Changes and it’s done

Toolbar options:

The download option can be changed. It will show by default, you can hide it if you want.
The Print option can be changed in the same way. By default, it will show, you can hide this also if you want.
The fullscreen option is set to default. If you want to hide it you can change this too.
There will be a share button by default. Disable it if you need.
Zoom is set to auto by default. There are various options. Choose according to your need.
Open is by default set to on. You can turn it off.
The next option is the Page nav. You can turn it off or on.
The find button is on by default. Change it to turn it off if you need.
You can show or hide the Current View option
Rotate option can be shown or hide the button if you want
Hand Tool: Show or hide. By default, it is shown
Document Properties: Show or hide. By default, it is shown
Right Toggle Menu: Show or hide. By default, it is shown
Change the Default Zoom as per your need.
Page Mode can be thumbnails, bookmarks, or attachments. Select what you want.
Toggle Left: Show or hide. By default, it is shown
Scroll: Show or hide. By default, it is shown
Spread: Show or hide. By default, it is shown
Default Scroll: Vertical, Horizontal, Wrapped, and flipbook scrolling is available. Choose one.
Default Spread: It can be Odd or Even. Choose anyone.
Select the language that you want to work with. By default it is English.
Then click Save changes and you’re done

Update and Support

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

Click Here to go to CodeCanyon Downloads Page

Support?

For any kind of technical assistance regarding Elementor PDF viewer for WordPress Add-on, please go to our HelpDesk and create a ticket.

Click Here to Go to ThemeNcode HelpDesk

Note: Please don’t forget to include the purchase code while creating a ticket, otherwise, your ticket may not be replied to.

Refund Policy

We have a well-prepared refund policy for our products. Make sure you have read them thoroughly before proceeding with a refund application.

Our support team is always prepared to help you out. If you are having any technical issues we suggest you contact our support immediately.

Licensing

Two types of licenses are available for Elementor PDF viewer for WordPress.

Regular License: Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.

Extended License: Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.

Rate Us

If you are enjoying using the Elementor PDF viewer for WordPress Add-on, you can leave us a review. It helps us to improve the product even more. You can submit an additional feature request too.