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.
Table of Contents
- 1 Why PDF Viewer For WordPress?
- 2 Why is Embedding PDF Important?
- 3 How to Embed PDF Using Elementor? (Step-by-Step Guide with Video)
- 4 Conclusion:
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
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.
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.
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.
#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.
#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.
#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.
So, in a nutshell, Way to embed pdf on WordPress using Elementor is as follows:
- Get PDF Viewer For WordPress
- Upload PDF on WordPress from PDF Viewer Tab
- Click on the PDF Viewer or Embed/Iframe widget in Elementor
- Select the pdf you want to embed
- Click Update, and your PDF is ready.