You have a PDF file. You have Elementor. But how to embed a PDF in Elementor? There are 2 methods to answer this question.
- Using the plugin PDF Viewer For Elementor
- Using Elementor itself.
So let's take a look at each of these methods. But first, if you've never installed the WordPress Plugin Elementor, find out how to do it by clicking on this link.
Method 1: How to embed PDF in Elementor using WordPress PDF Viewer For Elementor plugin
First, you will need to install and activate the free plugin PDF Viewer For Elementor from the repository of WordPress plugins. Next, edit the page where you want to embed the PDF with Elementor.
Lire: How to install (add) a plugin on WordPress
Once Elementor is active, you should see the PDF Viewer widget in the left Elementor panel. Drag and drop this widget onto the page.
In the settings of the PDF Viewer widget, you can set the URL of the PDF file you want to embed in the PDF URL field. PDF URL can be the URL you have after uploading the PDF to your WordPress media library.
For example, https://monsite.com/wp-content/uploads/2021/06/mon-pdf.pdf.
This should embed the PDF on your page. Besides, from the widget settings panel, you can also set the height, width and alignment of the embedded PDF file.
Read also: Can you use Elementor without a theme? (No - Here's why)
Now, if you haven't uploaded the PDF to your media library yet, you can set the PDF Type field to File in the widget settings and upload your PDF using the Choose PDF field.
Once the PDF file is downloaded, it will be integrated into the page.
Using the PDF Viewer For Elementor plugin is the easiest way to embed a PDF file on your page.
However, if you don't want to install this plugin, you can use the second method to add your PDF file using Elementor.
Method 2: How to add a PDF file to a page using Elementor
This method does not display the PDF file on your page like in the first method. Instead, it will show up with the click of a button.
Here is how this method works.
Step 1: Upload the PDF to your WordPress media library and copy the URL of the downloaded file. You can get the URL by clicking on the downloaded file in your media library.
Step 2: Now edit with Elementor the page you want to embed the PDF on.
Step 3: Drag and drop the Elementor Button widget onto the page
Step 4: Now paste the URL of the PDF from step 1 into the Link field of the Button widget settings.
Step 5: Update the page.
Now when you or someone else clicks the button, the PDF will be displayed.
See also: How to create an audio playlist with Elementor
You can play around with the button settings to design the button the way you want.
What is the next step ?
There are also other plugins that provide you with widgets to embed PDFs in Elementor. But I didn't include them in this tutorial because they are paid plugins. In most cases, you should be able to use one of the two free methods above to embed PDF into Elementor.
But if you don't want to use these two methods, you can take a look at other paid plugins.
Get Elementor Pro Now!
Discover also some premium WordPress plugins
You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.
We offer you here some premium WordPress plugins that will help you do that.
1. WP Floating Menu Pro
WP Floating Menu Pro is a WordPress Plugin which allows you to improve the management of your website thanks to a one-page navigation module and many other sticky menus.
Use this plugin to add a scrolling navigation page to any WordPress theme or website. Just define the sections on your website and create a one-page navigation menu in minutes. It also gives you the possibility of creating unlimited navigation menus.
You can choose from 13 beautiful pre-designed models or customize your menu yourself.
Download | Demo | Web hosting
2. WP Pro Forum System
WP Pro Forum system is a WordPress Plugin which allows you to add a beautiful and user-friendly forum to your website. It has plenty of powerful features that allow it to create a forum with a professional look.
The forum is created to work on the front-end of your website, but admins can manage all forums, topics, replies, categories, and tags from the dashboard.
In addition, WP Pro Forum system has certain advantages such as functional translation thanks to the included mo / .po files, the integration of many templates to suit the look of your website or even custom filters included.
Download | Demo | Web hosting
3. WP BAN Users
The WordPress "BAN Users" plugin was designed to allow site administrators to prohibit (deactivate, suspend, etc.) users from connecting to their WordPress account. It also provides you with an option to change the status of their articles; for example by defining them as projects and hiding them from the public eye.
A user can be banned from the user table by the administrator or through their profile. It also offers several configurable options that allow users to control how this plugin will be implemented; it can redirect users to a personalized support page, or send them a personalized email notification.
Download | Demo | Web hosting
Other recommended resources
We also invite you to consult the resources below to go further in the grip and control of your website and blog.
- Elementor: How to create a floating button with Z index
- How to create a portfolio on your WordPress website
- What type of welcome message do you send to your prospects?
- How to install Slider Revolution on WordPress
- Using different backgrounds WordPress
Conclusion
Here ! That's all for this article dedicated to the integration or the free addition of a pdf in Elementor. If you liked this article, please feel free to share on your favorite social network.
However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.
Tell us about your Comments and suggestions in the dedicated section.
...
