Skip to content Skip to main navigation Skip to footer

How To Add PDF Download Button Using Elementor? Easy Steps

It’s very easy to add a PDF download button using Elementor in a WordPress site. Since a PDF Download button links to a PDF file therefore before creating such a button, we must have our PDF file in WordPress Media library. You can either upload your PDF file to WordPress Media Library first or if it already exists then leave this step.

Steps to add a PDF file in WordPress Media Library are given below.

Step 1: Click On Dashboard >> Media >> Add New

It will bring up an Upload New Media Screen.

Step 2: Click On Select Files.

After clicking on Select Files Button, you will be able to upload PDF file from your computer to WordPress Media Library. Here we have uploaded an example PDF wpHow.pdf file to WordPress Media Library.

PDF File In Media Library.

Since PDF Download Button needs this PDF file link to be attached to it, therefore we will use this link when we will configure our PDF Button using Elementor.

As you select the PDF file it will bring you up an Attachment Details page, Right Hand Side panel of the Screen comes with Copy link option.

Copy Link.

Now it’s time to add a button using Elementor.

Steps To Add PDF Download Button Using Elementor.

Step 4: Adding A Button Using Elementor.

You can either create a new Page/ Post or make use of an existing one to add a Button using Elementor, to bring up Elementor click on Edit With Elementor option.

Form Left Side Panel select the Button and using Drag and Drop interface of Elementor drop it to your page.

Button Add

Now you can directly change the name of the button and when you select the button, Left Side Panel will show you Button settings. See the image.

Button Settings

Edit Button Screen comes with their Tabs, here options form Content Tab are shown.

Type option can be set to different Button types as shown in figure above. There is an option link where we have to paste PDF link we already copied. See upper section Copy PDF Link .

PDF Download Button Using Elementor
Link Paste.

After publishing the post you can easily open the PDF file in your Browser Windows by clicking on PDF Download Button and download it to your computer.

Check out this video that explains how to add a download pdf button using Elementor

Was This Article Helpful?


There are no comments yet

Leave a comment

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