How to Embed PDF using Elementor Page Builder? ( With Video Tutorial )

by | Last updated Dec 13, 2022 | Tutorial / How to | 0 comments

Elementor is a widely used page builder because of its simplicity. If you want to know how to embed pdf using Elmentor, your favorite page builder, this article will guide you perfectly.

The process of embedding pdf with Elementor is not hard at all. All you need is just two plugins. The first is elementor, and the second is PDF Viewer For WordPress.

Why PDF Viewer For WordPress?

The main reason for using PDF Viewer For WordPress is that this is the best PDF Viewer plugin with Flipbook. This plugin is also very lightweight.

The second big reason for choosing this plugin is that this plugin has a dedicated addon for Elementor Page builder. With this addon, the embedding process will become just a matter of a few clicks.

So, let’s dive into it, but first, you need to understand the importance of this article.

Why is Embedding PDF Important?

PDfs are important in many ways. Generally, ebooks, restaurant menus, documents, manuals, product catalogs, resumes or portfolios, and things like this are shared as PDF files.

Rather than just writing, it is easier to upload essential documents as PDFs. Visitors tend to read the PDF more than reading the content on the website. It helps your website performance in terms of SEO also.

One more benefit is that PDFs can be shown as flipbooks, allowing visitors to read that PDF just like an original or actual book.

How to Embed PDF Using Elementor? (Step-by-Step Guide with Video)

Step 1: Install Elementor On Your WordPress Website

Go to plugins on your WordPress dashboard. Click ‘Add New’ and then search ‘Elementor Website Builder. Then click ‘Install Now’. Elementor will be installed on your website. If you have Elementor already installed on your WordPress website

install-elementor-on-wordpress

Step 2: Get and Install PDF Viewer For WordPress

Visit CodeCanyon to get this WordPress plugin. Click ‘Add to Cart’ and then “Go to Checkout”. After buying the plugin, upload the plugin to your WordPress. Click Install.

pdf-viewer-for-wordpress

Here is the link to the plugin. Click here.

Step 3: Get Elementor PDF Viewer for WordPress Addon

This process is the same as the previous one. Go to CodeCanyon and click Add to Cart and then Go to Checkout.

pdf-viewer-for-wordpress-elementor-addon

Click here to get this plugin. Upload the addon to your WordPress and click install. You are all set now.

After installing, You can see three more widgets in Elementor. 

  • PDF Viewer Link
  • PDF Viewer Embed/Iframe
  • PDF Viewer Navigative ( Addon )

Step 4: Upload PDF on WordPress

Click on the PDF Viewer tab on your WordPress dashboard and then click Add New. Upload the PDF you want and then click select. 

You will find a lot of toolbar and appearance customization options here. Select as you demand and click publish, and your PDF is ready.

Step 5: Upload PDF With Elementor

You can use three widgets here to show pdf using your Elementor.

pdf-viewer-elementor-addon-widget

#1. If you take the PDF Viewer Link widget, you can see the option to select the PDF you want to show. After selecting, just press update. You can change the settings if you want also. And a link will be created, redirecting to the pdf page. 

pdf viewer iframe widget elementor

#2.  Now, if you take the PDF Embed/Iframe widget, you can see that the PDF is embedded right into that page, and you can read the pdf. This option is useful if you want to show a PDF inside a page. Embedding pdf with elementor and PDF Viewer For WordPress is very easy.

show-pdf-using-elementor

#3. If you want to use the navigation widget, you need another addon. Click here to get the addon. After that, you can use this widget too.

Conclusion: 

So, in a nutshell, Way to embed pdf on WordPress using Elementor is as follows:

  1. Get PDF Viewer For WordPress
  2. Upload PDF on WordPress from PDF Viewer Tab
  3. Click on the PDF Viewer or Embed/Iframe widget in Elementor
  4. Select the pdf you want to embed
  5. Click Update, and your PDF is ready.

 

Share:

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts

Check out our Plugins

PDF Viewer for WordPress is the best-selling premium PDF Reader plugin for WordPress on CodeCanyon (7000+ Sales) since 2014.

Custom quotation system on woo-commerce with a separate basket for asking price.

Upload files for specific visitors and restrict them from others by controlling the access with this plugin.

OfferPress is a WooCommerce add-on. This plugin makes the discount offer-giving process very easy.

Create PDF Viewer for WordPress Shortcodes right from your Divi Module.

Popular Post